1. #idhtml 代码：<div id="notMe"><p>id="notMe"</p></div><div id="myDiv"><p>id="myDidv"</p></div>jQuery代码：$("#myDiv");结果：<div id="myDiv">id="myDiv"</div> 2.elementhtml 代码：<div>DIV1</div><div>DIV2</div><span>SPAN</span> jQuery代码：$("div"); 结果：<div>DIV1</div>, <div>DIV2</div> 3. .classhtml 代码：<div class="div1"><p>div class="div1"</p></div><div class="myclss"><p>div class="myclass"</...
本文主要根据《锋利的jQuery》总结，介绍的jQuery选择器主要包含3类：1）基本选择器，2）层次选择器，3）过滤选择器 1. 基本选择器 2. 层次选择器 选择器 替代方法 描述 返回 示例 $("ancestor descendant") 选取ancestor节点里的descendant（后代）节点 集合节点 $("div span") 选取<div>里的所有<span>后代节点 $("parent > child") 选取parent节点下的child(子)节点 集合节点 $("div > span") 选取<div>里的所有<span>子节...
选择器是jQuery最基础的东西，本文中列举的选择器基本上囊括了所有的jQuery选择器，也许各位通过这篇文章能够加深对jQuery选择器的理解，它们本身用法就非常简单，我更希望的是它能够提升个人编写jQuery代码的效... http://www.php100.com/html/webkaifa/javascript/2012/0611/10527.html 选择器是jQuery最基础的东西，本文中列举的选择器基本上囊括了所有的jQuery选择器，也许各位通过这篇文章能够加深对jQuery选择器的理解，...
在jQuery的早期版本中,:not()筛选器只支持简单的选择器,说明我们传入到:not这个filter中的selector可以任意复杂,比如:not(div a) and :not(div,a) <p class="a">sdfsdfs</p> <p class="b">sdfsdfs</p> <p class="c">sdfsdfs</p> $("p:not(.a)").css({"color":"red"}) 那么除了class等于a的p元素外,其他的P的文字颜色就变成了红色. :not()伪类过滤选择器,这叫法真拗口,jQuery的:not()方法是jQuery的伪类选择器,可以过滤不需要的元...
JQuery 选择器选择器 实例 选取 * $("*") 所有元素#id $("#lastname") id="lastname" 的元素.class $(".intro") 所有 class="intro" 的元素element $("p")...
当使用像jQuery这样的库时，开发者通常会使用选择器来访问和操作DOM中的元素。当一个选择在页面上被反复的访问时，把它缓存起来以获得更好的性能是个不错的想法。 让我们看一个例子, jQuery(document).ready(function() {jQuery(#some-selector).on(hover, function() {jQuery(this).fadeOut(slow).delay(400).fadeIn();console.log(jQuery(this).text());});jQuery(#another-element).on(hover, function() {jQuery(this).slideU...
当使用像jQuery这样的库时，开发者通常会使用选择器来访问和操作DOM中的元素。当一个选择在页面上被反复的访问时，把它缓存起来以获得更好的性能是个不错的想法。 让我们看一个例子,jQuery(document).ready(function() {jQuery('#some-selector').on('hover', function() {jQuery(this).fadeOut('slow').delay(400).fadeIn();console.log(jQuery(this).text());});jQuery('#another-element').on('hover', function() {jQuery(this...
1. #id : 根据给定的ID匹配一个元素<p id="myId">这是第一个p标签</p> <p id="not">这是第二个p标签</p> <script type="text/javascript"> $(function(){$("#myId").css("color","red");}); </script>结果：这是第一个p标签这是第二个p标签2. element : 根据给定的元素标签名匹配所有元素<p>这是p标签1</p> <p>这是p标签2</p> <p>这是p标签</p> <script type="text/javascript">$(function(){$("p").css("color","red");}); </scri...
内容过滤器的过滤规则主要是包含的子元素或文本内容上。$(div:contains("xxx")).css(background, #ccc); //选择元素文本节点含有xxx 文本的元素 $(div:empty).css(background, #ccc); //选择空元素 $(ul:has(.red)).css(background, #ccc); //选择子元素含有class 是red 的元素 $(:parent).css(background, #ccc); //选择非空元素 jQuery 提供了一个has()方法来提高:has 过滤器的性能： $(ul).has(.red).css(background, #ccc); /...
1、jQuery对象转换成DOM对象 a.var $cr = $("#cr"); //jQuery对象 var cr=$cr[0]; //DOM对象 alert(cr.checked); //检测checkbox是否被选中了 b.var $cr=$("#cr"); //jQuery对象 var cr=$cr.get(0); //DOM对象 alert(cr.checked); //检测checkbox是否被选中了 2.DOM对象转换成jQuery对象 var cr=document.getElementById("cr"); //DOM对象 var $cr=$(cr); //jQuery对象 注:平时用到的jQuery对象都是通过$()函数造出来的，$()函数就...
本篇文章主要是对jquery选择器之属性过滤选择器进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助代码如下:<style type="text/css">/*高亮显示*/.highlight{ background-color : gray}</style>代码如下:<body><p><p>Hello</p></p><p id="test">ID为test的p</p><input type="checkbox" id="s1" name="football" value="足球" />足球<input type="checkbox" name="volleyball" value="排球" />排球<input type="checkbox"...
浅谈jQuery 选择器和dom操作 JQuery选择器 1.基本选择器 基本选择器是JQuery中最常用的选择器，也是最简单的选择器，它通过元素id、class 和标签名来查找DOM元素。这个非常重要，下面的内容都是以此为基础，逐级提高的。 1).“$(“#id”)”，获取id指定的元素，id是全局唯一的，所以它只有一个成员。 2).“$(“.class”)”，获取class指定的元素，不同的元素可以具有相同的class属性，所以它可能具有多个成员。 3).“$(“element”...
CSS选择器和jQuery选择器的区别与联系之一 到底什么是选择器？通过常接触的CSS选择器和jQuery选择器理解一下，我们知道CSS是用于分离网页的结构和表现的，也就是说对于一个网页，HTML定义网页的结构，CSS描述网页的样子，一个很经典的例子是说HTML就像一个人的骨骼、器官，而CSS就是人的皮肤，有了这两样也就构成了一个植物人了，加上javascript,这个植物人就可以对外界刺激做出反应，可以思考、运动、可以给自己整容化妆（改变CSS...
比如下面html代码 代码如下:<ul> <li class="aaaa" title="ttt">li-1</li> <li class="bbbb">li-2</li> <li title="fffff">li-2</li> </ul> <div class="aaaa" title="ttt">li-1</div> <div class="bbbb">li-2</div> <div title="fffff">li-2</div> 第一种根据属性选择E[@attr] $("[@title]").click().......... 即选择所有元素内 属性带有title的元素 即 <li class="aaaa" title="ttt">li-1</li> <li title="fffff">li-2</li> <...
实例如下： <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><link href="style.css" rel="external nofollow" rel="external nofollow" rel="stylesheet" type="text/css"/><script type="text/javascript" src="jquery-2.1.4.js"></script><script type="text/javascript" src="dams.js"></script> </head> <body><div class="box">hello</div><div class="box">world</div> </body> </html>...