本文现在对所有已知的 jquery 选择器做一个总结，深刻而熟练的掌握这些选择器，对我们快速的写各种 jquery 效果大有帮助！下面就对 jquery 各种选择做一个罗列吧！由于 jquery 用法非常简单，这里就不再举各种例子加深理解了。选择器 实例 选取* $("#item *") 选择 id 属性为 item 下的所有元素#id $("#lastname") id="lastname" 的元素.class $(".intro") 所有 class="intro" 的元素element $("p") 所有 元素.class.class $(".in...
阅读HTML5的详细规范后你会发现，这个自定义data属性的用法非常的简单，就是你可以往HTML标签上添加任意以 "data-"开头的属性，这些属性页面上是不显示的，它不会影响到你的页面布局和风格，但它却是可读可写的。 jquery 里已经内置这个方法. 通过 $(‘#content‘).data(‘list); 就能获取数据. 这个方法是在 jQuery1.4.3版本后出现的,它能返回相应的data属性.jquery操作HTML5 的data-*的用法http://code.jquery.com/jquery-2.1.0....
本文以实例形式详细汇总了jQuery中事件的用法，对jQuery的学习有很好的参考价值。分享给大家供大家参考之用。具体用法如下： 1.通过方法名给元素绑定事件：$('li').click(function(event){})2.通过bind方法给元素绑定事件：$('li').bind('click',function(event){}).bind('click',function(event){}) 可见，通过bind，可以给元素绑定多个事件。 3.事件的命名空间 为什么需要事件命名空间？ →假设，先给li元素绑定2个click事件。$(...
本文实例讲述了jquery中post方法的用法，分享给大家供大家参考。具体用法分析如下： 在使用jquery实现网站的异步交互时，常用的两个函数为get和post方法，get方法使用很简单，直接提交get请求即可，如果有参数，直接追加到url后面就行，但是使用post方法时，传递参数，需要和url分开写，使得传参变得麻烦了，不过这样做起来更安全一些，而且出现中文乱码的概率也要低一些（get方法传中文很多情况下会出现乱码现象），这里就详细介绍...
本文实例讲述了jquery队列函数用法。分享给大家供大家参考。具体实现方法如下：代码如下:div { margin:3px; width:40px; height:40px;position:absolute; left:0px; top:30px; background:green; display:none; }div.newcolor { background:blue; }Click here...$(document.body).click(function () {$("div").show("slow");//$("div").slideDown();$("div").animate({left:'+=200'},2000);$("div").queue(function () {//入队列$(...
实例 从 test.js 载入 JSON 数据并显示 JSON 数据中一个 name 字段数据：代码如下: $.getJSON("test.js", function(json){alert("JSON Data: " + json.users[3].name); });定义和用法 通过 HTTP GET 请求载入 JSON 数据。 在 jQuery 1.2 中，您可以通过使用 JSONP 形式的回调函数来加载其他网域的 JSON 数据，如 "myurl?callback=?"。jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。 注意：此行以后的代码将在这个回调函数执...
本文实例讲述了jQuery回调函数的定义及用法。分享给大家供大家参考。具体分析如下： jQuery代码中对回调函数有着广泛的应用，对其有精准的理解是非常有必要的，下面就通过实例对此方法进行简单的介绍。 代码实例如下： 利用回调函数，当div全部隐藏之后弹出一个提示框。代码如下:脚本之家div{height:150px;width:150px;background-color:green;margin-top:10px; }$(document).ready(function(){ $("button").click(function(){ $("...
本文实例讲述了jQuery分组选择器用法。分享给大家供大家参考。具体分析如下： 分组选择器将每一个选择器匹配到的元素合并后一起返回，能够对它们进行相同的操作。 实例代码:代码如下:$(".mydiv ,span") 以上代码能够匹配类名为mydiv的元素和所有的span元素。两个选择器之间要用逗号分割。 实例代码:代码如下:脚本之家div{height:150px;width:150px;background-color:green;margin-top:10px; }$(document).ready(function(){ $("but...
本文实例讲述了jQuery中animate()方法用法。分享给大家供大家参考。具体分析如下： 此方法用于创建自定义动画，并且能够规定动画执行时长、擦除效果。动画完成后还可以地触发一个回调函数。 animate()方法的使用: 方式一: 以“属性名/值”对象的方式定义动画终止样式属性。例如: 代码如下:$("div").animate( {width:"1000px"}) 以上代码能够将div从原有的宽度调整到1000px。也可以一次性使用多组“属性名/值”对象。例如: 代码如下...
本文实例讲述了jQuery的css()方法用法。分享给大家供大家参考。具体分析如下： 此方法返回或设置匹配元素的一个或多个样式属性。 语法结构: 语法一: 取得指定样式属性的属性值。 以样式属性名称作为参数。例如:代码如下:$("div").css("color") 以上代码能够获取div的字体颜色值。 代码实例:代码如下:css()函数-脚本之家div{color:blue;background-color:green;width:300px;height:300px; }$(document).ready(function(){$("button"...
本文实例讲述了jQuery中fadeOut()方法用法。分享给大家供大家参考。具体分析如下： 此方法通过不透明度的变化来实现所有匹配元素的淡出效果，并在动画完成后可选地触发一个回调函数。 fadeOut()方法的用法: 此方法可以规定动画效果的持续时间。例如:代码如下:$("div").fadeOut(5000) 以上代码规定div的淡出效果可在5000毫秒(5秒)内完成。 此方法也可以在动画完成后触发一个回调函数。例如:代码如下:$("div").fadeOut(5000,function...
本文实例讲述了jQuery后代选择器用法。分享给大家供大家参考。具体分析如下： 后代选择器匹配给定的祖先元素下用以匹配的所有后代元素。 点击选择器可以查阅参考手册中所有jQuery选择器。 代码实例如下:代码如下:$(".mydiv span") 以上代码匹配类名mydiv元素包含的span元素。两个选择器之间要用空格分隔。 实例代码:代码如下:脚本之家div{height:150px;width:150px;background-color:green;margin-top:10px; }$(document).ready(fu...
本文实例讲述了jQuery类选择器用法。分享给大家供大家参考。具体分析如下： 类选择的器匹配具有指定类名的所有元素。 例子:代码如下:$(".mydiv") 以上代码选取类名为mydiv的所有元素。 注意:在mydiv前面有一点(.)。 实例代码:代码如下:脚本之家 div{ height:150px; width:150px; background-color:green; margin-top:10px; } $(document).ready(function(){ $("button").click(function(){ $(".mydiv").hide(); }) }) 点击隐藏di...
本文实例讲述了jQuery元素选择器用法。分享给大家供大家参考。具体分析如下： 元素选择器根据元素名称匹配所有的元素。 实例代码:代码如下:$("div") 以上代码匹配所有的div元素。 实例代码:代码如下:元素选择器-脚本之家div{height:150px;width:150px;background-color:green; }$(document).ready(function(){$("button").click(function(){$("div").hide();}) })点击隐藏div元素在以上代码中，当点击按钮的时候能够将div元素隐藏。...
本文实例讲述了jQuery中after()方法用法。分享给大家供大家参考。具体分析如下： 此方法可向每个匹配元素的外部的尾部追加HTML内容。 特别说明: 此方法是追加内容，也就是原来的内容还在。 HTML内容就是内容中可以包含HTML标签，并且能够被浏览器渲染。 文本内容是先将内容中的HTML预定义字符转换成html字符实体，这样HTML标签就不会被渲染。 语法结构:代码如下:$(selector).after(content) 实例代码: 实例一:代码如下:脚本之家div...