jQuery层次选择器

最新推荐文章于 2013-01-13 23:14:01 发布
最新推荐文章于 2013-01-13 23:14:01 发布
阅读量545 收藏
点赞数
分类专栏： JavaScript jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaojun1288/article/details/8451885
版权


层次选择器

$("ancestor decendant")      选取 ancestor 元素里所有 decendant (后代)元素。

$("parent > child")  选取parent元素下的child(子)元素，与$("ancestor decendant") 有区别，$("ancestor decendant") 选取的是后代元素。

$("prev + next") 选取紧接在pre元素后的next元素。

$("pre ~siblings") 选取pre之后的所有siblings元素



事例

$("div span") 选取<div>里所有的<span>元素

$("div >span")  选取<div>元素下元素名是<span>的子元素

$(".one + div")  选取class为one的下一个<div>同辈元素

$("#two~div") 选取id为two的元素后面的所有<div>同辈元素








宰相秋水
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html层次选择器例题,jQuery层次选择器用法示例
weixin_28801659的博客
06-04 154
本文实例讲述了jQuery层次选择器用法。分享给大家供大家参考，具体如下：/p>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2-5$(document).ready(function(){//选择 body内的所有div元素.$('#btn1').click(function(){$('body div').css...
jQuery选择器之层级选择器
qq_33130209的博客
03-31 408
层级选择器： $("parent>child")子选择器：选择所有指定“parent”元素中指定的“”child”的直接子元素 $("ancestor descendant")后代选择器：选择给定的祖先元素的所有后代元素，一个元素的后代可能是该元素的一个孩子、孙子、曾孙等 $("prev+next")相邻兄弟选择器：选择所有紧接在“”prev”元素后的”next”元素 $("prev~si
jQuery层次选择器用法示例
10-21
### jQuery层次选择器用法 #### 1. 层次选择器概述 jQuery层次选择器是用于选择具有特定层级关系的DOM元素的一组选择器。通过这些选择器可以高效地选取元素的后代、子元素或者具有特定关系的兄弟元素。层次选择器...
jQuery层次选择器选择元素使用介绍
12-09
其主要的层次关系包括后代、父子、相邻、兄弟关系，通过其中基类关系可以方便快捷地定位元素 jQuery选择器详解 根据所获取页面中元素的不同，可以将jQuery选择器分为：基本选择器、层次选择器、过滤选择器、表单选择...
jquery层次选择器的介绍
01-21
jquery层次选择器 jquery层次选择器，包括空格、>、next、+、nextAll、~、siblings、prev()、prevAll()等函数或表达式。 1、空格表示获取所有子孙后代元素 2、 >表示获取一级子元素 3、next函数获取紧接在之后的同辈...
E-mail 验证
静下心来，认真的研究技术。
02-17 7052
E-mail 验证 下面的函数检查输入的数据是否符合电子邮件地址的基本语法。 意思就是说，输入的数据必须包含 @ 符号和点号(.)。同时，@ 不可以是邮件地址的首字符，并且 @ 之后需有至少一个点号： function validate_email(field,alerttxt) { with (field) { apos=value.indexOf("@") dotpos=value.
CDAtA避免解析html实体
静下心来，认真的研究技术。
02-11 3073
xhtml文档中使用CDATA避免解析html实体 for(var i=1;i<10;i++){ document.write(i+""); } 这段代码看起来没什么问题，但是经过 http://validator.w3.org/check 发现就出现问题。 // for(var i=1;i document.write(i+""); } //]]>
jQuery属性过滤选择器
静下心来，认真的研究技术。
12-30 2381
属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素。 [attribute]    选取用次属性的元素 [attribute=value]   选取属性值为value的元素 [attribute!=value]   选取属性值不等于value的元素 [attribute^=value]   选取属性值以value开始的元素 [attribute$=value]   选取
form表单符合要求后才能提交
静下心来，认真的研究技术。
10-19 1659
下面的代码是验证form中的电子邮件，只有电子邮件符合要求才执行form跳转 ----------------------------------------------------------------------------------------------------------------------------------------------------------- <br /> 邮件email:
<a href="javascript:void(0)" 使用方法
静下心来，认真的研究技术。
09-07 1451
<br /><script> <br />        function openWin(tag,obj) <br />        { <br />            obj.target="_blank"; <br />            obj.href = "http://www.boka.cn/index.php?id="+tag; <br />            obj.click(); <br />        } <br />        </script> <br />
回到顶部，转到底部
静下心来，认真的研究技术。
05-08 1410
<br /><br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /><title>test</title><br /><meta http-equiv="content-type"
根据form中的内容改变跳转的地址
静下心来，认真的研究技术。
10-19 1247
<br /><script language="javascript"><br />// ppname = document.getElementsByName("orderId").value;<br /> function check3344()<br /> {<br />  var Obj = document.getElementsByName("payway");<br /> for(i=0;i<Obj.length;i++)<br /> {<br />  if(Obj[i].checked){b
解决IE6浏览器 中文 乱码
静下心来，认真的研究技术。
04-18 960
<br /><br />产生这个问题的原因是浏览器对中文的。。。<br /> <br />解决的办法是将中文用JS的encodeURI函数转换一下，接收页面不需要做什么处理，如果是英文或者是数字用encodeURI函数转换一下，没有影响。<br /> <br /> <br /> <br /> <br />var encodename = encodeURI(name);<br /> <br />var purl='/ajax.php?action=checkuser&username='+encodenam
jQuery删除节点
静下心来，认真的研究技术。
01-13 840
jQuery提供了三种删除节点的方法，即remove(),detach()和empty() 1: remove() 方法 作用是从DOM中删除所有匹配的元素,传入的参数用于根据jQuery表达式来筛选元素。 $("ul li:eq(1)").remove(); //获取第2个元素节点后，将它从网页中删除 2:detach() 方法 detach() 方法和remove(
JS等比例图片
静下心来，认真的研究技术。
04-27 732
<br /><br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /><meta http-equiv="Content-Type" content="text/html; char
jQuery可见性过滤选择器
静下心来，认真的研究技术。
12-30 652
可见性过滤选择器是根据元素的课件和不可见状态来选择相应的元素。 :hidden  选取所有不可见的元素 :visible  选取所有可见元素 示例 $(":hidden")  选取所有不可见的元素。包括,和等元素。如果只想选取元素。可以使用$("input:hidden") $("div:visible")  选取所有课件的元素。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值