在HTML文档中，每个元素总是处于DOM节点树上的某个位置，文档层次结构中元素之间总是存在于某种层级关系，如父级和子级的关系等。 1. 子元素选择器 用于查找在给定的父元素下查找 这个父元素下的所有子元素，语法格式： 代码如下:$("parent->chilid"); 2. 后代元素选择器 用于在给定的祖先元素下匹配所有的后代元素，语法格式: 代码如下:$("ancestor descendant"); 3. 紧邻同辈元素选择器 用于匹配所有紧邻在prev元素后的next元素，...
本文实例分析了jQuery表单域选择器用法。分享给大家供大家参考。具体如下： 表单域是指网页中的input,textarea, select和button元素。 1. :input选择器代码如下:$(":input") 2. :text选择器代码如下:$(":text") 3. :password选择器代码如下:$(":password") 4. :radio选择器代码如下:$(":radio") 5. :checkbox选择器代码如下:$(":checkbox") 6. :file选择器代码如下:$(":file") 7. :image选择器代码如下:$(":image") 8. :hidden选择...
本文实例讲述了jQuery过滤选择器用法。分享给大家供大家参考。具体分析如下： 在实践中，可以在基本选择器的基础上添加过滤选择器来完成查询任务，根据具体情况，在过滤选择器中可以使用元素的索引值、内容、属性、子元素位置、表单 域属性以及可见性作为筛选条件 1. :first选择器 格式: 代码如下:$("selector: first")用于对当前jQuery集合进行过滤并选择出第一个匹配元素 实例: 代码如下:$("td:first").css("border", "2px solid...
本文实例讲述了jQuery内容过滤选择器用法。分享给大家供大家参考。具体分析如下： 在HTML文档中，元素的内容可以是文本或者子元素，如果将某个选择器或者内容过滤选择器一起使用，就可以从查询到的元素中进一步筛选出具有给定 文本或者子元素的元素 1. :contains()选择器 用于选择包含给定文本的所有元素，格式： 代码如下:$("selector1:contains(text)") 如: 代码如下:$("p:contains(text)").css("background", "#FCF"); 2. :has(...
本文实例讲述了jQuery子属性过滤选择器用法。分享给大家供大家参考。具体分析如下： 1. :first-child选择器 用于选择其父级的第一个子元素的所有元素，格式: 代码如下:$("selector:first-child") 如： 代码如下:$("ul:first-child").css("text-decoration", "underline").css("color", "blue"); 2. :last-child选择器 用于选择其父级的最后一个子元素的所有元素，格式: 代码如下:$("selector:last-child") 如： 代码如下:$("ul:las...
本文实例讲述了jQuery表单域属性过滤器用法。分享给大家供大家参考。具体分析如下： 表单内包含各种各样的表单域，使用表单域属性选择器可以很好的获取已被选中的单选按钮，复选框以及列表项，也可以根据是否可用从文档中查找表单域。 1. :checked选择器 用于选择所有被选中的表单域。格式: 代码如下:$("selector:checked")可以是input，radio和checkbox 2. :enabled选择器 用于选择所有可用的表单域，格式： 代码如下:$("selector...
本文实例分析了jquery中change()的用法。分享给大家供大家参考。具体分析如下： change()当元素的值发生改变时，会发生 change 事件。该事件仅适用于文本域（text field），以及 textarea 和 select 元素。 当用于 select 元素时，change 事件会在选择某个选项时发生。当用于 text field 或 text area 时，该事件会在元素失去焦点时发生。 一、change的用法 1、触发 change 事件：触发被选元素的 change 事件 语法: $(selector)....
本文实例讲述了jquery中filter方法用法。分享给大家供大家参考。具体分析如下： filter()方法将匹配元素集合缩减为匹配指定选择器的元素。 filter方法中的参数可以为字符串值，包含供匹配当前元素集合的选择器表达式。 一、filter的参数类型可分为两种 1、传递选择器 $(a).filter(.external) 2、传递过滤函数代码如下:$(a).filter(function(index) { return $(this).hasClass(external); }) 二、Jquery中find与filte...
本文实例分析了jQuery on()方法的用法。分享给大家供大家参考。具体分析如下： 一、jQuery on()方法的使用： on(events,[selector],[data],fn) events:一个或多个用空格分隔的事件类型和可选的命名空间，如"click"或"keydown.myPlugin" 。 selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择器为null或省略，当它到达选定的元素，事件总是触发。 data:当一个事件被触发时要传递event.data给事件处理函...
本文实例讲述了JQuery中serialize()用法。分享给大家供大家参考。具体分析如下： 一、serialize()定义和用法： serialize()方法通过序列化表单值，创建标准的URL编码文本字符串，它的操作对象是代表表单元素集合的jQuery 对象。你可以选择一个或多个表单元素（比如input或文本框），或者 form 元素本身。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。 语法： $(selector).serialize() 详细说明 1、.serialize() 方法...
本文实例讲述了JQuery中extend的用法。分享给大家供大家参考。具体分析如下： extend()函数是jQuery的基础函数之一，作用是扩展现有的对象。extend是我们在写插件的过程中常用的方法，该方法有一些重载原型。$.extend(prop) 用于扩展jQuery对象，可以用于把函数添加到jQuery名称空间中。 一、jQuery.extend函数的源码 jQuery.extend = jQuery.fn.extend = function() {var options, name, src, copy, copyIsArray, clone,target = ...
本文实例讲述了jQuery中noConflict()用法。分享给大家供大家参考。具体分析如下： jQuery默认使用"$"操作符，$ 符号只是 window.jQuery 对象的一个引用，jQuery.noConflict() ，这个函数将变量$的控制权让渡给第一个实现它的那个库。这有助于确保jQuery不会与其他库的$对象发生冲突。在运行这个函数后，就只能使用jQuery变量访问jQuery对象。例如，在要用到$("div p")的地方，就必须换成jQuery("div p")。 一、"$"操作符 1、jQuery...
本文实例讲述了Jquery中find与each方法用法。分享给大家供大家参考。具体如下： 一、find()方法 jquery选择器非常强大，利用css的命名规约，可以更快更方便的找出想要的元素。 比如： $("#id") $("#"+"id") $(this) $(element) 等等，只要灵活运用，就能爆发出强大的可造型。 但是在实际使用中，仍然觉得有些不足。 如果想要在某个元素下寻找特定的元素，仅仅依靠上面这个方法，就必须对 $("#id")获取的元素进行遍历，获取其子元素...
本文实例讲述了jQuery源码分析之jQuery.fn.each与jQuery.each用法。分享给大家供大家参考。具体分析如下： 先上例子，下面代码的作用是：对每个选中的div元素，都给它们添加一个red类代码如下:$(div).each(function(index, elem){ $(this).addClass(red); } }); 上面用的的.each，即jQuery.fn.each，其内部是通过jQuery.each实现的代码如下:jQuery.fn.each 先贴一下类官方API说明，非常简单，只有两点需要注意 上文例子里的...
本文实例讲述了jQuery使用之处理页面元素用法。分享给大家供大家参考。具体分析如下： 对于页面的元素，在DOM编程中可以通过各种查询、修改手段进行管理，非常麻烦。jQuery提供了一整套的方法来处理页面的元素。包括元素的内容、复制、移动和替换等。这里将介绍一些常用的内容。 1.直接获取、编辑内容。 在jQuery中，主要是通过html()和text()两个方法来获取和编辑页面的内容。其中html()相当于获取节点的innerHTML属性，添加参数h...