JQuery过滤器 经过一晚上的查找整理，终于整理出一套应该算最全面的JQuery选择过滤器的方法了。所有代码均经过测试。...var text11_jquery=$("#text11"); 2.JQuery包装集与DOM对象互相转换 1.DOM对象不能使用JQuery属性方法，但DOM对象可以通过$()转换成JQuery包装集...DOM对象的属性方法如.length，但也有个别属性方法不能使用如.value，可以通过在JQuery包装集后面加中括号及索引值获取对应DOM对象 var text11_dom=$("#text11")...; }); 4.JQuery(selector[,context]):在指定范围内查找符合条件的JQuery包装集，context为查找范围，context可以是DOM对象集也可以是JQuery包装集...=$("td>input"); 3.获取id为text11元素后面的class为button11元素，只获取一个符合条件的元素。
（本文年代久远，请谨慎阅读）今天学习了JQuery的一些基本用法，包括JQuery选择器和JQuery包装集； 从现在开始，要慎重区分DOM对象和JQuery对象，两种对象的方法不同，属性不同，在使用中要特别注意...在DOM编程中我们只能使用有限的函数根据id或者TagName获取DOM对象。...表单过滤器 $("input:enabled")匹配所有可用元素 $("input:disabled")匹配所有不可用元素 $("input:checked")匹配所有选中的被选中元素(复选框、单选框等...在使用JQUERY时，当 DOM（文档对象模型） 已经加载完成时，就会发生 ready 事件。...由于该事件在文档就绪后发生，因此把所有其他的 JQUERY事件和函数置于该事件中是非常好的做法。
使用公式：(“element”) 示例：(“div”) //获取所有div元素 3.类名选择器 类选择器是通过元素拥有的CSS类的名称查找匹配的...在一个页面中，一个元素可以有多个CSS类，一个CSS类又可以匹配多个元素，如果有元素中有一个匹配类的名称就可以被类选择器选取到。...（可以是ID选择器、元素选择器或是类名选择器）组合在一起，两个选择器之间以逗号”,”分隔，只要符合其中的任何一个筛选条件就会被匹配，返回的是一个集合形式的jQuery包装集，利用jQuery索引器可以取得集合中的...//匹配所有普通按钮 :checkbox 说明：匹配所有的复选框 示例：(“:checkbox”) //匹配所有的复选框...升级版本过程中，jQuery在1.3.1版本中彻底放弃了1.1.0版本遗留的@符号，假如我们使用1.3.1以上的版本，那么不需要在属性前添加@符号 (“div[@name=”lidb”]”); 正确写法是将
jQuery 一.jQuery入门 1.javascript类库 JavaScript 库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互客户端页面, 并且兼容各大浏览器。...核心理念是write less,do more(写得更少,做得更多) 当前流行的 JavaScript 库有： jQuery 使用非常多了 EXTJS 功能比jQuery更多，但ext2.0收费 Prototype...jQuery已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。...所有子孙元素 语法：$("A B") --> A标签中 所有的B标签 所有孩子元素 语法：$("A > B") --> A标签中 所有的子标签中B标签。...复合属性选择器 需要同时满足多个条件时使用 7.子元素过滤 ：nth-child() 指定孩子 ，从1开始。
，同时满足两个属性的条件的元素 3.5状态过滤选择器 $("input:enabled") // 匹配可用的 input $("input:disabled") // 匹配不可用的 input...input, textarea, select 和 button 元素 $(":text") //所有的单行文本框，$(":text") 等价于$("[type=text]")，推荐使用$...("input:text")效率更高，下同 $(":password") //所有密码框 $(":radio") //所有单选按钮 $(":checkbox") //所有复选框 $("...删除元素/内容 remove() - 删除被选元素（及其子元素） remove() 中添加参数，删除时对该元素进行过滤 empty() - 从被选元素中删除子元素 jQuery 操作 CSS addClass...树 children() - 所有直接子元素 find() - 被选元素的所有后代元素，div下所有span：$("div").find("span"); 在 DOM 树中水平遍历 有许多有用的方法让我们在
2.2 层级选择器 层级选择器包括两类： 1）后代选择器：$("A B ")，选择A元素内部的所有B元素； 2）子选择器：$("A>B")，选择A元素内部的所有B子元素； 【练习案例】：在2.1程序基础上...，包含多个属性条件的选择器 【练习案例】：主要看标签中的内容，注意各种条件的写法 <!...2.4 过滤选择器 过滤选择器包含9类： 1）首元素选择器： :first ，获得选择的元素中的第一个元素 2）尾元素选择器： :last ，获得选择的元素中的最后一个元素 3）非元素选择器： :...2.5 表单过滤选择器 表单过滤选择器包括4类： 1）可用元素选择器：:enabled，获得可用元素； 2）不可用元素选择器：:disabled，获得不可用元素； 3）选中选择器：:checked，获得单选.../复选框选中的元素； 4）选中选择器：:selected获得下拉框选中的元素； 【练习案例】：主要看标签中的内容，注意各种条件的写法 <!
今天来和大家分享一下jQuery的五种选择器的详细使用方法，那么何为选择器？...2、入口函数 同时在jQuery中，这样的事件绑定是需要写在一个入口函数中去的，在 的代码段中建立入口函数的语法是： $(function(){ }); 在这里需要注意的是...作用：包含多个属性条件的选择器 // 选取有属性id的div元素，然后在结果中选取属性title值含有“es”的 div 元素背景色为红色" id="b7" $("#b7").click(function...，而第二个选中选择器的作用对象是下拉框，同时对于第二种选择器，它的作用内容是下拉框中的包含在内的选项，因此在使用时应当使用“>”来具体说明，具体可以看下面的实例： <!...框架中五种选择器的使用就先和大家分享到这里，之后还会继续和小伙伴们分享jQuery的选择器、DOM操作以及jQuery的高级进阶内容。
标签选择器（元素选择器） id选择器 类选择器 并集选择器 层级选择器 后代选择器 子选择器 属性选择器 属性名称选择器 属性选择器 复合属性选择器 过滤选择器 首元素选择器 尾元素选择器 非元素选择器...快速入门 步骤： 下载JQuery 目前jQuery有三个大版本： 1.x：兼容ie678,使用最为广泛的，官方只做BUG维护， 功能不再新增。...体积大一些 jquery-xxx.min.js：生产版本。程序中使用，没有缩进。体积小一些。...程序加载更快 导入JQuery的js文件：导入min.js文件 使用 var div1 = $(“#div1”); alert(div1.html()); JQuery对象和JS对象区别与转换 JQuery...过滤选择器 首元素选择器 语法： :first 获得选择的元素中的第一个元素 尾元素选择器 语法： :last 获得选择的元素中的最后一个元素 非元素选择器 语法： :not(selector) 不包括指定内容的元素
1、准备页面 2、练习 五、jQuery 选择器 1、作用 2、选择器的组成 3、如何使用选择器获取元素 六、基本选择器 1、基本选择器 1.1、id 选择器 1.2、元素选择器 1.3、类选择器...2、引入 jQuery 新建 webapp/jq_01/01.jQuery_hello.html，在文件中引入 jQuery <!...这些选择器的用法和 CSS 的语法非常相似，结合 jQuery 类库的方法你可以很方便快速地定位页面中任何元素，并为其添加响应的行为。 2、选择器的组成 选择器一般由“特殊符号”+“字符串”组成。...说明：这个标签是直接选择 HTML 代码中 class=”myClass” 的元素或元素组（因为在同一 HTML 页面 中 class 是可以存在多个同样值的元素）。...：通过特定的过滤规则来筛选所需要的 DOM 元素，过滤规则与 CSS 中的伪类选择器语法相同。
点击：API文档下载 Jquery介绍 1.什么是JQuery ? jQuery，顾名思义，也就是JavaScript和查询（Query），它就是辅助JavaScript开发的js类库。...3.JQuery流行程度 jQuery现在已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。...Jquery 的初体验 需求：使用Jquery和javascript给一个按钮绑定单击事件 注意：使用Jquery之前要将第三方jar包导入 <!...1、使用jquery一定要引入jquery库吗？ 答案： 是2、jquery中的到底是什么？ 答案： 核心函数3、怎么为按钮添加点击响应函数的？...以及使用。 如何获取呢javascript事件对象呢？ 在给元素绑定事件的时候，在事件的function( event ) 参数列表中添加一个参数，这个参数名，我们习惯取名为event。
DOM对象和jQuery对象如何互相转换？ 首先，先说一下DOM对象和jQuery对象如何转换？这样原生JS和jQuery的方法，我们就可以随意使用了。...3.every() every() 方法用于检测数组所有元素是否都符合指定条件（通过函数提供）。...every() 方法使用指定函数检测数组中的所有元素： 如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。 如果所有元素都满足条件，则返回 true。...return m+2; } console.log(arr.map(calculator)); //结果为：[4，6,8,3] 6.filter() filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素...该方法让您规定一个条件。不符合条件的元素将从选择中移除，符合条件的元素将被返回。 该方法通常用于缩小在被选元素组合中搜索元素的范围。
jquery选择器有：基本选择器，层次选择器，过滤选择器，表单选择器四大类。...基本选择器： #id 根据给定的id进行匹配一个元素 element 根据给定的元素名进行匹配所有元素 .class 根据给定的类匹配该类的所有元素 * 匹配所有元素 selector1,selector2...*= value] 匹配有包含某些值的特定元素 [selector1][selector2] 同时满足多个条件使用 子元素过滤选择器： :nth-child 从1开始的，匹配每个父元素下第n个元素...匹配所有复选框 :submit 匹配所有提交按钮 :image 匹配所有图像 :reset 匹配所有重置按钮 :button 匹配所有按钮 :file 匹配所有文本域 5.请问你能写出dom结构吗？...结言 好了，欢迎在留言区留言，与大家分享你的经验和心得。
{ $('input').keyup(function(e) { if(e.which == '13') { alert('回车提交'); } }); }); 切换复选框...使用回调方法的缺点之一是当执行类库中的方法后，上下文对象被设置到另外一个元素，比如，执行下面代码： <!...可以使用 $.proxy 方法解决这个问题，代码如下： <!...在 1.4 版本后，采用了更为严格的 json 解析方式，即所有内容都必须要有双引号，如果升级 jQuery 版本后，ajax 加载 json 报错，有可能就是这个原因。...比如： // 1.4之前版本，key没引号，这样没问题 { key:"coco", status:"0" } 但升级成jQuery1.4后，都必须加上双引号，格式如下： { "key":"
: 把属性选择器不放在css选择器里面是因为jQuery中写法是不一样的.至于css中写法可以参考我之前写的一篇css的选择器一文.jQuery中是和xPath类似的写法: $("mix[@attr]"...") E:button:选择所有按钮(type="button") 当然包括E:hidden 8.xPath路径查询: 先介绍下xPath的语法: /:选取根节点 //:选取文档中所有符合条件的节点,不管该节点位于何处...:选取单前节点的父节点 @:选取属性,这个在之前说过了(属性选择器) nodename:选取节点下的所有节点 jQuery中的应用: 根节点是很少用到的,常用的如下面的例子: $("div/p")相当于...prop)和$.noConflict()是和插件以及和其他库兼容的使用,以后再写 jQuery的其他的core部分: eq(数字):将匹配的元素集合缩减为一个元素。...这个元素在匹配元素集合中的位置变为0,而集合长度变成1 gt(数字):将匹配的元素集合缩减为给定位置之后的所有元素 lt(数字):将匹配的元素集合缩减为给定位置之前的所有元素 上面三个的例子: $("div
; }) }); $是在jQuery中使用的变量名，可以使用 jQuery.noConflict()避免冲突，它的返回值就是jQuery对象。...常规选择器 $("*") 选择所有节点 $("#id") ID选择器，注意其中的一些特殊字符，如 . $(".class") 类选择器 $("tag") 标签选择器 $("子元素") $("直接子元素"...':contains("text")') 包含有指定内容的元素 :eq():lt():gt():even:odd 列表索引选择（不支持负数） (':has(selector)') 符合条件的再次过滤 :...调用链处理 .add() 向已有的节点序列中添加新的对象 .andSelf() 在调用链中，随时加入原始序列 .eq() 指定索引选取节点，支持负数 .filter().is().not().find(...子节点 .children() 所有的子节点，可加入过滤条件， .children(selector) 3.
通过 过滤选择呢亲选择元素 (1) 基本过滤选择器 (2) 可见性过滤选择器 详解： 通过css选择器选取元素 jQuery支持大多数css选择器 最常用的有：基本选择器，层次选择器和属性选择器 在jQuery...在层次选择呢亲中，后代选择器和子选择器较为常用，而相邻元素选择器和同辈元素选择器在jQuery中可以用更加简单的方法代替： （1）使用next()房代替prev-next（相邻元素选择器） （2）使用nextAll...与css中的属性选择器语法构成完全一致 ? 条件属性选择器 条件属性选择器共包括6种，其中[attribute!=value]选择器是jQuery自己拓展的选择器 [attribute!...主要通过特定的过滤规则来筛选出所有的DOM元素 同样：过滤规则与css中伪类语法相同，即选择器都以一个冒号（:）开头。...可见性过滤选择器 通过元素的显示状态，即元素显示或隐藏来选取元素 ：visible：控制眼睛能看到 ：hidden：控制本有但隐藏的元素 $(“:hiddden”).show()可以拿出不可见的代码(比如
,只要有一个符合就能被匹配到· 描述: 查找所有类是“maClass”的元素 实列: HTML代码: div class="notMe"</div.../概述 //匹配包含给定属性的元素·注意,在jQuery1.3中,前导的@符号已经被废除！...,select中的option）,对于select元素来说,获取选中推荐使用:selected 描述 查找说有选中的复选框元素 HTML代码 <input type="checkbox...}); removeAttr //概述 //从没一个匹配的元素<em>中</em>删除一个属性 1.6以下版本<em>在</em>IE6<em>使用</em><em>jQuery</em>的removeAttr方法删除disabled是无效的· 1.7版本<em>在</em>IE6下已支持删除...(index，class，wsitch)[,switch] 1·用来返回<em>在</em>匹配的元素集合<em>中</em>的每一个元素上用来切换的样式<em>类</em>名的一个函数·接收元素的索引位置和元素旧的样式<em>类</em>作为参数· 2·一个用来判断样式<em>类</em>添加还是移除的
item为已完成 不通通过按Enter键来创建项目 通过:checked的伪类来实现显示和隐藏内容 为了实现应用程序可交互，我们需要一些方法来存储和修改状态，然后在CSS中做出反应。...为了解决这个问题，我们可以使用复选框表单字段来存储状态，然后使用:checked 伪类选择器访问该状态。...important; } 为了相对简单一些，复选框首先位于item的DOM中。因此，所有可见的UI可以通过~选择器来匹配。...根据完成状态来过滤item TodoMVC可以让您选择只查看已完成或未完成的待办事项。我们也可以使用复选框来实现这一点，但是使用URL哈希更简洁些。...important; } 所以，除了复选框，我们还可以在URL中存储和访问状态！
JQuery对象和JS对象区别与转换： 1.JQuery对象在操作时，更加方便； 2.JQuery对象和JS对象方法不通用； 3.两者相互转换： * JQuery --> JS : JQuery...);//可以将其当做数组来使用 //对$divs 中所有的div让其标签体内容变为"bbb" // $divs.html("bbb"); // JQuery --> JS :...过滤选择器： 1. 首元素选择器 * 语法： :first 获得选择的元素中的第一个元素 2....pro； 2.如果操作的是元素自定义的属性，则建议使用attr * 复选框状态checked 和 下拉表列中selected 必须用 prop 获取 <script type=...//使用jquery插件 给jq对象添加2个方法 check()选中所有复选框，uncheck()取消选中所有复选框 //定义jquery对象插件： $.fn.extend
领取专属 10元无门槛券
手把手带您无忧上云
