付费下载
下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
jQuery技巧大放11、关于页面元素通过jquery的$() 元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用dom定义的2、jQuery2、jQuery对象与dom对象的转jqueryjquerydomjquerydomjquery如:$(.geementById("msg"))则为jquery对象,可以使用jquery的方法。jqueryjquerydom]这些都是domJquery33、如何获取jQuery集合的某一者索引号获取,要注意,eq返回的是jquery对象,而get(n)和索引返回的是dom元素对象。对于jquery对象只能使用jquery的方法,而dom对象只能使用dom的方法,如要获$("div").eq(2).html();jquery44、同一函数实现set $("#msg").html("<b>new//将“<b>newcontent</b>”htmlidmsgnewcontent $("#msg").text("<b>new//将“<b>newcontent</b>”idmsg<b>new $("#msg").height("300");idmsg $("input").val(");value$("input").val("testvalue$("#msg").click();idmsg$("#msg").click(fn);//为id为msg的元素单击添加函数同样blur,focus,select,submit都可以有着两种调用方法55、集合处理功jqueryjquery$("p").each(function(i){this.style.color=['#f00','#0f0','#00f'][i66、扩展我们需要的功min:function(a,b){returna<b?a:b;},max:function(a,b){returna>b?a:b;}jquerymin,max77、支持方法的连jquery.mouseover(function(){alert('mouseover.each(function(i){this.style.color=['#f00','#0f0','#00f'][i88、操作元素的样 //设定元素背景为灰色$("#msg").height(300);$("#msg").width("200");$("#msg").css({color:"redbackground:"blue"$("#msg").toggleClass("select");(不存在)就删除(添加)名称为selectclass99、完善 处理功Jquery已经为我们提供了各种处理方法,我们无需在html元素上直接写,而可以直接为通过jquery获取的对象添加。//为元素添加了单击$("p").click(function(i){this.style.color=['#f00','#0f0','#00f'][ijQuery中几个自定义的hover(fn1,fn2):一个模仿悬停(鼠标移动到一个对象上面及移出这个对象)的$().ready(function(){alert("Loadtoggle(evenFn,oddFn):每次点击时切换要调用的函数。如果点击了一个匹配的元trigger(eventtype):在每一个匹配的元素上触发某类。 bind(eventtype,fn),unbind(eventtype):的绑定与反绑定 $("p").bind("clickfunction(){alert($(this).text());});p击$("p").unbind();p$("p").unbind("click")p1010、几个实用特效功toggleslidetoggle()方法提供了状态切换功能。toggle(hide(show()方法。slideToggleslideDown(slideUp1111、几个有用的jQuery$.browser.浏览器类型:检测浏览器类型。有效参数:safari,opera,msie,mozilla。ie:$.browser.isie,ietrue。$.each(obj,fn):通用的迭代函数。可用于近似地迭代对象和数组(代替循环)。$.each([0,1,2],function(i,n){alert("Item#"+i+":"+n);varfor(vari=0;i<tempArr.length;i++){alert("Item#"+i+":"+tempArr[i]);}$.each({name:"John",lang:"JS"},function(i,n){alert("Name:"+i+",Value:"+n);});Name:name,Value:JohnName:lang,Value:JSjquery$.extend(settings,varsettings=$.extend({},defaults,defaultsoptionssettingdefault$.map(arrayfn):数组映射。把一个数组中的项目(处理转换后)保存到到另一个新数组vartempArr=$.map([0,1,2],function(i){returni4;tempArr:[4,5,6]vartempArr=$.map([0,1,2],function(i){returni0i1null;tempArr:[2,3]如:$.merge([0,1,2],[2,3,4])//返回[0,1,2,3,4]如 o,howareyou?");//返回"o,howareyou?1212、解决自定义方法或其他类库与jQuery很多时候我们自己定义了$(idjsprototype也都定义了$方法,如果同时把这些内容放在一起就会引起变量方法定义,Jquery使用jquery中的jQuery.no();方法即可把变量$的控制
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2026年山东省邹城市高二生物下册期末考试检测卷(典优)附答案
- 2026年湖北省广水市高二生物下册期末考试测试卷含完整答案【考点梳理】
- 2026年山东省荣成市高二生物下册期末考试试卷及答案【夺冠系列】
- 2026年湖北省枝江市高二生物下册期末考试模拟卷附参考答案(模拟题)
- 2025年黑龙江省密山市高二生物下册期末考试模拟卷新版附答案
- 2026年辽宁省庄河市高二生物下册期末考试考试卷及答案【典优】
- 2026年河南省济源市高二生物下册期末考试考试卷含答案(研优卷)
- 2026年吉林省德惠市高二生物下册期末考试考试卷及完整答案【网校专用】
- 2025年河南省舞钢市高二生物下册期末考试模拟卷附完整答案(历年真题)
- 2026年安徽省宁国市高二生物下册期末考试测试卷【考试直接用】附答案
- 2026年新人教版四年级下册数学计算能力竞赛题
- 成都市辅警招聘考试题库及答案
- 统编版小学语文一年级下册期末复习课教案
- 2026年高考(江苏卷)历史试题及答案
- 4.1权利与义务相统一 教学设计 2025-2026学年统编版道德与法治八年级下册
- 幼儿园学生奖惩制度
- 军用关键软硬件自主可控产品名录(2025年v1版)
- 北方演艺集团招聘笔试题目
- 人工流产术后护理要点总结
- 无人机作业准则承诺函(6篇)
- 旧房改造瓷砖更换施工方案
评论
0/150
提交评论