本文实例讲述了jQuery的context属性用法。分享给大家供大家参考。具体分析如下： 此属性可以返回传给jQuery()的原始DOM节点内容，即jQuery()方法的第二个参数值。 如果jQuery()方法没有指定此参数，那么context指向当前文档(document)。 语法结构:代码如下:$("selector").context 实例代码: 实例一:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>脚...
本文实例讲述了jQuery对象的selector属性用法。分享给大家供大家参考。具体分析如下： 此属性返回传给jQuery的原始选择器，也就是说返回jQuery是用哪个选择器匹配到当前元素。 selector属性可以与context配合使用，用于精确检测选择器查询情况。 语法结构:代码如下:$("selector").selector 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>...
本文实例讲述了jQuery中get()方法用法。分享给大家供大家参考。具体分析如下： 此方法可以返回匹配集合中所有DOM元素的数组或者一个指定索引的DOM元素。 索引值是从0开始的。 说明:从上面的定义可以看出，此方法可以将jQuery对象转换成DOM对象。 语法结构一:代码如下:$(selector).get() 没有参数的时候会取得所有匹配的DOM元素的数组。 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="auth...
本文实例讲述了jQuery中index()方法用法。分享给大家供大家参考。具体分析如下： 此方法可以搜索匹配元素，并返回元素的索引值。 索引值是从0开始的。 语法结构一: 当此方法没有参数的时候，返回值是指定元素在其同辈元素集合中的索引位置。代码如下:$(selector).index() 实例代码: 实例一:代码如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"/> <meta name="author" content="//www.gxlcms.com/" /> <title>index()函...
本文实例讲述了jQuery中data()方法用法。分享给大家供大家参考。具体分析如下： 此方法可以向匹配元素附加数据，或者从匹配元素获取数据。 语法结构一:代码如下:$(selector).data(name,value) 参数列表: 参数描述name存储的数据名称。value将要存储的任意数据。 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>data()函数-脚本之家</title...
本文实例讲述了jQuery中each()方法用法。分享给大家供大家参考。具体分析如下： 此方法可以以匹配元素集合中每一个元素作为上下文去执行一个函数。 当每次执行函数时，函数的执行环境都是一个匹配元素集合中不同的DOM元素，并且会将此元素在集合中索引传递给此函数，索引值是从0开始的。通过返回false可用于提早停止循环运行，返回true将继续执行函数，直到匹配元素中每一个元素都遍历完成。 each()方法不同于jQuery.each()方法 。...
本文实例讲述了jQuery中size()方法用法。分享给大家供大家参考。具体分析如下： 此方法可以返回jQuery对象集合中元素的数目。 size()方法的返回值与jQuery对象的length属性一致。 语法结构:代码如下:$(selector).size() 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>脚本之家</title> <style type="text/css"> span{color:red;} </style...
本文实例讲述了jQuery中clearQueue()方法用法。分享给大家供大家参考。具体分析如下： 此方法能够清空对象上尚未执行的所有队列。 如果不带参数，则默认清空的是动画队列。这跟stop(true)类似，但stop()只能清空动画队列，而这个可以清空所有通过queue()创建的队列。 语法结构:代码如下:$(selector).clearQueue(queueName) 参数列表:参数描述queueName可选。定义要停止的队列的名称。默认是 "fx"，动画队列。 实例代码:代码如下: <...
本文实例讲述了jQuery中queue()方法用法。分享给大家供大家参考。具体分析如下： 此方法能够显示或者操作在匹配元素上执行的函数队列。 此方法可能用的并不是太频繁，但是却非常的重要，下面就结合实例来介绍一下次方法的用法。 根据方法参数的不同，作用也有所不同。 说明:建议结合dequeue()函数一起学习。 语法结构一:代码如下:$("selector").queue(queueName) 参数列表:参数描述queueName可选。 第一个匹配元素上动画队列的名称...
本文实例讲述了jQuery中dequeue()方法用法。分享给大家供大家参考。具体分析如下： 此函数能够从队列最前端移除一个队列函数，并执行它。 建议和queue()函数一起学习。 语法结构:代码如下:$(selector).dequeue(queueName) 参数列表:参数描述queueName可选。队列的名称。默认是 "fx"，动画队列。实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <ti...
本文实例讲述了jQuery中val()方法用法。分享给大家供大家参考。具体分析如下： 此方法设置或获取匹配元素的value属性值。 只有具有value属性的元素才能够使用此方法。比如input元素可以使用此方法，而div元素就不可以。 使用方式： 用法一: 此方法不带参数的时候是返回第一个匹配元素的value属性值。例如:代码如下:$("input").val() 以上代码是获取第一个input元素的value属性值。 实例代码:代码如下: <!DOCTYPE html> <html> <hea...
本文实例讲述了jQuery中prepend()方法用法。分享给大家供大家参考。具体分析如下： 此方法可向所有匹配元素的内部的前面追加HTML内容。 特别说明: 此方法是追加内容，也就是原来的内容还在。 HTML内容就是内容中可以包含HTML标签，并且能够被浏览器渲染。 文本内容是先将内容中的html预定义字符转换成html字符实体，这样html标签就不会被渲染。 语法结构:代码如下:$(selector).prepend(content) 实例代码: 实例一:代码如下: <!DOC...
本文实例讲述了jQuery中remove()方法用法。分享给大家供大家参考。具体分析如下： 此方法将会从DOM中删除所有匹配的元素。 说明:remove()方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素，不过除了这个元素本身得以保留之外，其他的比如绑定的事件，附加的数据等都会被移除。 语法结构:代码如下:$(selector).remove(expr) 参数列表:参数描述expr可选。用于筛选元素的jQuery表达式实例代码: 实例一:代...
本文实例讲述了jQuery中detach()方法用法。分享给大家供大家参考。具体分析如下： 此方法从DOM中删除所有匹配的元素。 说明:detach()方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素，与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来。 语法结构:代码如下:$(selector).detach(expr) 参数列表: 参数描述expr可选。用于筛选被删除元素的jQuery表达式。实例代码: 实例一：代码如下: <!DO...
本文实例讲述了jQuery中before()方法用法。分享给大家供大家参考。具体分析如下： 此方法可向每个匹配元素的外部的前部追加HTML内容。 特别说明: 此方法是追加内容，也就是原来的内容还在。 HTML内容就是内容中可以包含HTML标签，并且能够被浏览器渲染。 文本内容是先将内容中的HTML预定义字符转换成html字符实体，这样HTML标签就不会被渲染。 语法结构:代码如下:$(selector).before(content) 实例代码: 实例一:代码如下: <!DOCTYP...