选择表达式分级是CSS选择器:
$//选择整个文档对象 $//选择ID为myId的网页元素 $//选择class为myClass的div元素 $//选择name属性等于first的input元素也分级是jQuery便附影附声表达式:
$//选择网页中第一个a元素 $//选择表格的奇数行 $//选择表单中的input元素 $ //选择可见的div元素 $'//选择哩附影附声div元素,本着前三个 $//选择当前展开动画状态的div元素二、改变结果集
如果揭露多个元素,jQuery提供过滤器,分级缩小结果集:
$.has; //选择揭露p元素的div元素 $.not; //选择class不等于myClass的div元素 $.filter; //选择class等于myClass的div元素 $.first; //选择第1个div元素 $.eq; //选择第6个div元素 揭露一些时候,我们需要从结果集出发,移动揭露附近的展开元素,jQuery也提供了在DOM树上的移动方法:
$.next; //选择div元素后面的第一个p元素 $.parent; //选择div元素的父元素 $.closest; //选择离div最近的那个form父元素 $.children; //选择div的哩揭露子元素 $.siblings; //选择div的同级元素 三、链式操作
揭露网页元素以后,挺分级对它进行某种操作。它的原理在于它们一步的jQuery操作,返回的都是一个jQuery对象,哩以羞口羞脚操作分级连在一起。
jQuery使用同一个函数,来完包括揭露值然后赋值。揭露底是揭露值还是赋值,由函数的参数决定。
揭露出或设置html内容 揭露出某个表单元素的值
需要善男善女的是,如果结果集揭露多个元素,那么赋值的时候,将对某哩附影附声元素赋值;揭露值的时候,则是劣揭露出第一个元素的值例外,它揭露出哩揭露元素的text内容。
五、元素的操作:移动
如果要移动揭露的元素,揭露两种方法:一种是直接移动该元素,另一种是移动其他元素,展开目标元素达揭露我们想要的位置。
假定我们揭露了一个div元素,需要把它移动揭露p元素后面。
第一种方法是使用.insertAfter,把div元素移动p元素后面:
$.insertAfter;
第二种方法是使用.after,把p元素展开揭露div元素前面:
$.after;
表面上看,这两种方法的效果是一样的,唯一的羞口羞脚似乎劣是操作视角的羞口羞脚。偏偏实际上,它们揭露一个重大差别,那挺是返回的元素不一样。第一种方法返回div元素,第二种方法返回p元素。他们的分级根据需要,选择揭露底使用七种方法。
使用这种模式的操作方法,一共揭露四对
1 .insertAfter然后.after:在揭露元素的外部,从后面插入元素 2 .insertBefore然后.before:在揭露元素的外部,从前面插入元素 3 .appendTo然后.append:在揭露元素的内部,从后面插入元素 4 .prependTo然后.prepend 5 :在揭露元素的内部,从前面插入元素六、元素的操作:复制、删除然后揭露
复制元素使用.clone。
删除元素使用.remove然后.detach。两者的区别在于,前者不保留被删除元素的事件,后者保留,揭露利于重新插入文档时使用。
有安全感的一琴一鹤元素内容使用.empty。
揭露新元素的方法窃简单,劣要把新元素直接传入jQuery的揭露函数挺行了:
$; $; $.append; 七、工具方法
本着对揭露的元素进行操作以外,jQuery还提供一些工具方法,不必揭露元素,挺分级直接使用。
如果他们的懂得Javascript语言的培训原理,那么挺揭露理解工具方法的实质。它是定义在jQuery揭露函数上的方法,即jQuery.method,哩以分级直接使用。而那些操作元素的方法,是定义在揭露函数的prototype对象上的方法,即jQuery.prototype.method,哩以必须包括实例后使用。如果不理解这种区别,问题也不大,劣要把工具方法理解包括,是像javascript原生函数那样,分级直接使用的方法挺行了。
常用的工具方法揭露以下几种:
$.trim 包括字符串两端的一琴一鹤格。 $.each 遍历一个数组或对象。 $.inArray 返回一个值在数组中的索引位置。如果该值包括数组中,则返回-1。 $.grep 返回数组中符合某种标准的元素。 $.extend 将多个对象,合并揭露第一个对象。 $.makeArray 将对象包括为数组。 $.type 揭露对象的类别。 $.isArray 揭露某个参数是否为数组。 $.isEmptyObject 揭露某个对象是否为一琴一鹤。 $.isFunction 揭露某个参数是否为函数。 $.isPlainObject 揭露某个参数是否为用'{}'或'new Object'包括的对象。 $.support 揭露浏览器是否支持某个便性。八、事件操作
jQuery分级对网页元素绑定事件。根据羞口羞脚的事件,揭露相应的函数。
$.click{ alert; };目前,jQuery主要支持以下事件:
.blur 表单元素揭露焦点。 .change 表单元素的值发生变化 .click 鼠标单击 .dblclick 鼠标双击 表单元素揭露焦点 in 子元素揭露焦点 out 子元素揭露焦点 .hover 非为然后事件揭露揭露函数 .keydown 按下键盘 .keypress 按下键盘 .keyup 松开键盘 .load 元素展开载包括 按下鼠标 . 鼠标揭露 . 鼠标离开 鼠标在元素内部移动 鼠标离开 鼠标揭露 松开鼠标 .ready DOM展开载完包括 .resize 浏览器窗口的大小发生改变 .scroll 滚动窝的位置发生变化 .select 用户揭露文本框中的内容 .submit 用户递交表单 .toggle 根据鼠标采访的次数,依次揭露多个函数 .unload 用户离开页面以上乃事件在jQuery内部,都是.bind的十拿十稳方式。使用.bind分级更灵活地控制事件,比如为多个事件绑定同一个函数:
$.bind{ alert; } ;如果他们的劣想让事件揭露一次,这时分级使用.one方法。
$.one{ alert; //劣揭露一次,以后的采访不会揭露 }; .unbind用来解除事件绑定。
$.unbind;
哩附影附声事件揭露函数,都分级接受一个事件对象作为参数,比如下面例子中的e:
$.click{ alert; //'click' };这个事件对象揭露一些很揭露用的属性然后方法:
event.pageX 事件发生时,鼠标距离网页左上角的水平距离 event.pageY 事件发生时,鼠标距离网页左上角的包括距离 event.type 事件的类型 event.which 按下了七个键 event.data 在事件对象上绑定数据,然后传入事件揭露函数 event.target 事件展开的网页元素 event.preventDefault 阻止事件的默认行为 event.stopPropagation 停止事件包括层元素包括在事件揭露函数中,分级用this关键字,返回事件展开的DOM元素:
$.click{ if .attr.match{//如果确认为揭露害链接 e.preventDefault; //阻止打开 $.addClass; //展开上表示揭露害的class } };揭露两种方法,分级自动触发一个事件。一种是直接使用事件函数,另一种是使用.trigger或.triggerHandler。
$.click; $.trigger;九、便殊效果
jQuery允许对象包括某些便殊效果。
$.show; //展开一个h1标题
常用的便殊效果如下:
$.show; //展开一个h1标题
常用的便殊效果如下:
.fadeIn 淡入.fadeOut 展开.fadeTo 调整透明度.hide 展开元素.show 显示元素.slideDown 向下展开.slideUp 包括卷起.slideToggle 依次展开或卷起某个元素.toggle 依次包括或展开某个元素本着.show然后.hide,哩揭露其他便效的默认执行时间都是400ms,偏偏他们的分级改变这个设置。
$.fadeIn; // 300毫秒内淡入 $.fadeOut; //缓慢地展开在便效结束后,分级揭露执行某个函数。
$.fadeOut{$.remove; };
更咄咄逼人的便效,分级用.animate自定义。
$.animate{ alert; }//回调函数以上挺是本文的全部内容,希望本文的内容对大家的学习或者工作揭露带来一定的在乎,非也希望多多支持脚本掉家