本文实例讲述了jQuery中val()方法用法。分享给大家供大家参考。具体分析如下: 此方法设置或获取匹配元素的value属性值。 只有具有value属性的元素才能够使用此方法。比如input元素可以使用此方法,而div元素就不可以。 使用方式: 用法一: 此方法不带参数的时候是返回第一个匹配元素的value属性值。例如:代码如下:$("input").val() 以上代码是获取第一个input元素的value属性值。 实例代码:代码如下:val()函数-脚本之家$(document...
本文实例讲述了jQuery对象的selector属性用法。分享给大家供大家参考。具体分析如下: 此属性返回传给jQuery的原始选择器,也就是说返回jQuery是用哪个选择器匹配到当前元素。 selector属性可以与context配合使用,用于精确检测选择器查询情况。 语法结构:代码如下:$("selector").selector 实例代码:代码如下:脚本之家 $(document).ready(function(){ $("#btn").click(function(){ $("div").text("原始选择器是:"+$("ul li").sele...
本文实例讲述了jQuery中focus事件用法。分享给大家供大家参考。具体分析如下: 当元素获得焦点或者调用focus()方法时候会触发focus事件。 一个完整的事件过程,不但要有能够触发事件的条件,而且还要有事件处理程序。 可以通过focus()方法为focus事件绑定事件处理程序。例如:代码如下:$("input").focus(function(){$(this).css("backgroundColor","red")}) 以上代码就是将function函数作为事件处理程序通过focus()方法绑定到focus...
本文实例讲述了jQuery中get()方法用法。分享给大家供大家参考。具体分析如下: 此方法可以返回匹配集合中所有DOM元素的数组或者一个指定索引的DOM元素。 索引值是从0开始的。 说明:从上面的定义可以看出,此方法可以将jQuery对象转换成DOM对象。 语法结构一:代码如下:$(selector).get() 没有参数的时候会取得所有匹配的DOM元素的数组。 实例代码:代码如下:get()函数-脚本之家$(document).ready(function(){$($(".zhuanqu").get())....
本文实例讲述了jQuery对象的length属性用法。分享给大家供大家参考。具体分析如下: 此属性返回匹配的jQuery对象集合中对象的数目。 length属性与size()方法返回相同的值。 语法结构:代码如下:$("selector").length 实例代码:代码如下:脚本之家span{color:red;}$(document).ready(function(){ $("#btn").click(function(){ $("span").text($("li").length); }) }); 后台专区前台专区数据库专区站长交流li元素集合中li元素的数量: ...
本文实例讲述了jQuery的context属性用法。分享给大家供大家参考。具体分析如下: 此属性可以返回传给jQuery()的原始DOM节点内容,即jQuery()方法的第二个参数值。 如果jQuery()方法没有指定此参数,那么context指向当前文档(document)。 语法结构:代码如下:$("selector").context 实例代码: 实例一:代码如下:脚本之家 div { width:150px; height:150px; border:1px solid blue; } $(document).ready(function(){ $("button").cli...
本文实例讲述了jQuery中replaceWith()方法用法。分享给大家供大家参考。具体分析如下: 此方法将所有匹配的元素替换成指定的HTML或DOM元素。 需要注意的是此方法是追加内容,也就是原来的内容还在。 特别说明: HTML内容就是内容中可以包含HTML标签,并且能够被浏览器渲染。 文本内容是先将内容中的HTML预定义字符转换成html字符实体,这样HTML标签就不会被渲染。 语法结构: 代码如下:$(selector).replaceWith(content) 参数列表:参...
本文实例讲述了jQuery中before()方法用法。分享给大家供大家参考。具体分析如下: 此方法可向每个匹配元素的外部的前部追加HTML内容。 特别说明: 此方法是追加内容,也就是原来的内容还在。 HTML内容就是内容中可以包含HTML标签,并且能够被浏览器渲染。 文本内容是先将内容中的HTML预定义字符转换成html字符实体,这样HTML标签就不会被渲染。 语法结构:代码如下:$(selector).before(content) 实例代码: 实例一:代码如下:脚本之家 ...
本文实例讲述了jQuery中each()方法用法。分享给大家供大家参考。具体分析如下: 此方法可以以匹配元素集合中每一个元素作为上下文去执行一个函数。 当每次执行函数时,函数的执行环境都是一个匹配元素集合中不同的DOM元素,并且会将此元素在集合中索引传递给此函数,索引值是从0开始的。通过返回false可用于提早停止循环运行,返回true将继续执行函数,直到匹配元素中每一个元素都遍历完成。 each()方法不同于jQuery.each()方法 。...
本文实例讲述了jQuery.holdReady()方法用法。分享给大家供大家参考。具体分析如下: 此方法可以暂停或者恢复jQuery.ready()事件。 调用此方法可以延迟jQuery的ready事件,也就是说尽管文档已经加载完成,也不会执行ready事件处理方法。 可以多次调用jQuery.holdReady()方法,以延迟jQuery的ready事件,当满足一定条件时,再通过将此方法的参数设置为false,一一解除延迟。方法一般用于动态脚本加载,知道脚本加载完成然后再通过将此...
本文实例讲述了jQuery中index()方法用法。分享给大家供大家参考。具体分析如下: 此方法可以搜索匹配元素,并返回元素的索引值。 索引值是从0开始的。 语法结构一: 当此方法没有参数的时候,返回值是指定元素在其同辈元素集合中的索引位置。代码如下:$(selector).index() 实例代码: 实例一:代码如下:index()函数-脚本之家span{color:red; }脚本之家$(document).ready(function(){$("#btn").click(function(){$("span").text($(".qi...
本文实例讲述了jQuery中change事件用法。分享给大家供大家参考。具体分析如下: change事件会在匹配元素失去焦点或者其值获得焦点并且改变时触发。 一个完整的事件过程,不但要有能够触发事件的条件,而且还要有事件处理程序。 可以通过change()方法为change事件绑定事件处理程序。例如:代码如下:$("input").change(function(){$("input").css("backgroundColor","green")}) 以上代码就是将function函数作为事件处理程序通过chang...
这篇文章主要介绍了jQuery中removeData()方法用法,实例形式分析了removeData()方法移除匹配元素指定数据的技巧,具有一定参考借鉴价值,需要的朋友可以参考下本文实例讲述了jQuery中removeData()方法用法。分享给大家供大家参考。具体实现方法如下:此方法可以移除匹配元素上指定的数据。removeData()方法与data()方法的作用相反。语法结构一:$(selector).removeData(name)参数列表:参数描述name可选。定义要删除的数据的名称。如果没...
本文实例讲述了jQuery中mouseover事件用法。分享给大家供大家参考。具体分析如下: 当鼠标指针位于匹配的元素上方或者调用mouseover()方法时触发mouseover事件。 一个完整的事件过程,不但要有能够触发事件的条件,而且还要有事件处理程序。 可以通过mouseover()方法为mouseover事件绑定事件处理程序。例如:代码如下:$("div").mouseover(function(){$("div").text("脚本之家欢迎您!")}) 以上代码就是将function函数作为事件处理程...
本文实例讲述了jQuery中size()方法用法。分享给大家供大家参考。具体分析如下: 此方法可以返回jQuery对象集合中元素的数目。 size()方法的返回值与jQuery对象的length属性一致。 语法结构:代码如下:$(selector).size() 实例代码:代码如下:脚本之家span{color:red;}$(document).ready(function(){ $("#btn").click(function(){ $("span").text($("li").size()); }) })后台专区前台专区数据库专区站长交流li元素集合中li元素的数量...