简单的伪类选择器也被称为定位过滤器,因为它们主要根据编号和排位筛选特定位置上的元素,或者过滤掉特定元素简单的伪类选择器说明:first匹配找到的第一个元素:last匹配找到的最后一个元素:not去除所有与给定选择器匹配的元素:even匹配所有索引值为偶数的元素,从0开始计数:odd匹配所有索引值为奇数的元素,从0开始计数:eq匹配一个给定索引值的元素,从0开始计数:gt匹配所有大于给定索引值的元素,从0开始计数:lt匹配所有小于给定索...
1、常规选择器选择表单标签 $(function () { // var a = $("input").eq(0).val() // alert(a) // // var b = $("input").eq(1).val() // alert(b) // // var c = $("input[type=‘password‘]").val() // alert(c) 2、表单选择器选择表单标签// :input:冒号+input就可以把所有的表单标签选择出来,我们从他输出的数量就可以看到var d = $(":input").lengthalert(d)var d = $...
选择器1.基本选择器<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><title>基本选择器</title><meta http-equiv="content-type" content="text/html; charset=UTF-8"><script src="../js/jquery-3.3.1.min.js"></script><style type="text/css">div,span{width: 180px;height: 180px;margin: 20px;background: #9999CC;border: #000 1px solid;float:left;font-size: 17px;font-family:Roman;}div...
常用层次选择器/*s2 s1匹配的元素下的匹配的s2 只找第一个 不找后面的/*var $h3 = $("body>h3");alert($h3.length);*///pre+next紧接在h3后面的ul/*var $ul = $("h3+ul");alert($ul.length);*///pre~全部的 重复的默认算一次var $all = $("h3~ul");alert($all.length);});// ]]> /*]]>*/儿子手机品牌苹果华为vivo电脑品牌苹果联想戴尔销量排行vivo苹果华为 <!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title>...
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"...