本文实例讲述了jQuery中click事件用法。分享给大家供大家参考。具体分析如下： 当鼠标指针在匹配元素上方，然后按下并松开鼠标左键或者调用click()方法都会触发click事件。 一个完整的事件过程，不但要有能够触发事件的条件，而且还要有事件处理程序。 可以通过click()方法为click事件绑定事件处理程序。例如:代码如下:$("button").click(function(){$("div").css("color","green")}) 以上代码就是将function函数作为事件处理程序通...
本文实例讲述了jQuery中remove()方法用法。分享给大家供大家参考。具体分析如下： 此方法将会从DOM中删除所有匹配的元素。 说明:remove()方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素，不过除了这个元素本身得以保留之外，其他的比如绑定的事件，附加的数据等都会被移除。 语法结构:代码如下:$(selector).remove(expr) 参数列表:参数描述expr可选。用于筛选元素的jQuery表达式实例代码: 实例一:代...
本文实例讲述了jQuery中height()方法用法。分享给大家供大家参考。具体分析如下： 此方法可以获取或者设置匹配元素的高度值，默认单位是px。 语法结构一:代码如下:$(selector).height() 不带参数的时候是返回第一个匹配元素的当前高度。 实例代码:代码如下:脚本之家div{height:150px;width:150px;background-color:green;margin-top:10px; }$(document).ready(function(){ alert($("div").height()); }) 语法结构二:代码如下:$(se...
本文实例讲述了jQuery中prepend()方法用法。分享给大家供大家参考。具体分析如下： 此方法可向所有匹配元素的内部的前面追加HTML内容。 特别说明: 此方法是追加内容，也就是原来的内容还在。 HTML内容就是内容中可以包含HTML标签，并且能够被浏览器渲染。 文本内容是先将内容中的html预定义字符转换成html字符实体，这样html标签就不会被渲染。 语法结构:代码如下:$(selector).prepend(content) 实例代码: 实例一:代码如下:脚本之...
本文实例讲述了jQuery中width()方法用法。分享给大家供大家参考。具体分析如下： 此方法可以获取或者设置匹配元素的宽度值，默认单位是px。 语法结构一:代码如下:$(selector).width() 不带参数的时候是返回第一个匹配元素的当前宽度。 实例代码:代码如下:脚本之家 div{ height:150px; width:150px; background-color:green; margin-top:10px; text-align:center;line-height:150px; } $(document).ready(function(){ $("div").text...
本文实例讲述了jQuery中hide()方法用法。分享给大家供大家参考。具体分析如下： 此方法可以将匹配元素隐藏。 hide()方法的用法: 此方法如果没有对隐藏效果加以时间限定，那么匹配元素会被瞬间隐藏。例如：代码如下:$("div").hide() 以上代码可以将所有div元素瞬间隐藏。 如果方法对隐藏效果加以时间限定，那么匹配元素将会在限定的事件内以比较优雅的形式隐藏。例如：代码如下:$("div").hide(2000) 以上代码可以将所有div元素在200...
本文实例讲述了jQuery中html()方法用法。分享给大家供大家参考。具体分析如下： 此方法能够设置和取得匹配元素的HTML内容，原来的内容将会被新设置的内容替换。 特别说明: HTML内容就是内容中可以包含HTML标签，并且能够被浏览器渲染。 文本内容是先将内容中的HTML预定义字符转换成html字符实体，这样HTML标签就不会被渲染。 语法结构一:代码如下:$(selector).html() 此时方法不带参数时候是取得第一个匹配元素的html内容。 此方法...
本文实例讲述了jQuery中detach()方法用法。分享给大家供大家参考。具体分析如下： 此方法从DOM中删除所有匹配的元素。 说明:detach()方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素，与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来。 语法结构:代码如下:$(selector).detach(expr) 参数列表: 参数描述expr可选。用于筛选被删除元素的jQuery表达式。实例代码: 实例一：代码如下:脚本之...
本文实例讲述了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中ajax的post()方法用法。分享给大家供大家参考。具体分析如下： $.post() 方法通过HTTP POST请求从服务器上请求数据。 语法结构:代码如下:$.post(URL,data,callback); 参数解析: 1.URL:必须，规定请求的URL。 2.data:可选，规定连同请求发送的数据。 3.callback:可选，规定请求成功后所执行的函数名。 代码实例:代码如下:脚本之家$(document).ready(function(){$("#bt").click(function(){$.post("mytest/dem...
本文实例讲述了jQuery中ajax的load()方法用法。分享给大家供大家参考。具体分析如下： 此函数jQuery中简单而功能强大的ajax方法。 它可以从服务器加载内容，然后写入匹配元素。 语法结构:代码如下:$(selector).load(URL,data,callback); 参数解析: 1.selector:一个选择器，可以将内容加载到此选择器匹配的元素中。 2.URL:必须，需要加载的一个url地址。 3.data:可选，与请求一同发送的查询字符串键/值对集合。 4.callback:可选，lo...
本文实例讲述了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元素的数量: ...