jQuery常用的层次选择器

常用层次选择器

儿子

手机品牌

苹果
华为
vivo

电脑品牌

苹果
联想
戴尔

销量排行

vivo
苹果
华为

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title>常用层次选择器</title><script src="scripts/jquery-3.1.1.js" type="text/javascript"></script><script type="text/javascript">$(function(){//选择ul下的所有的li//var $li = $("ul li");//alert($li.length);//alert($li.html());/*for(var i=0;i<$li.length;i++){var li = $li[i];alert(li.innerHTML);}*///s1>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);});</script>
</head>
<body><h3>儿子</h3><div><div><h3>手机品牌</h3><ul><li>苹果</li><li>华为</li><li>vivo</li></ul><h3>电脑品牌</h3><ul><li>苹果</li><li>联想</li><li>戴尔</li></ul></div><div><h3>销量排行</h3><ol><li>vivo</li><li>苹果</li><li>华为</li></ol></div></div>
</body>
</html>

转载于:https://www.cnblogs.com/john568300/p/6420948.html

jQuery常用的层次选择器相关推荐

jquery 中多条件选择器,相对选择器,层次选择器的区别
一.Jquery常用的过滤选择器如下所示: 1.:first,选取第一个元素,比如$("div:first")选取第一个div元素 2.:last,选取最后一个元素,比如$(&qu ...
html层次选择器例题,详解强大的jQuery选择器之基本选择器、层次选择器
jQuery允许开发者使用从CSS1到CSS3几乎所有的选择器,以及jQuery独创的高级而复杂的选择器.另外还可以加入插件使其支持XPath选择器,甚至开发者可以编写属于自己的选择器(即选择器插件, ...
jQuery常用选择器有哪些？
jQuery常用选择器有哪些? jQuery里面使用最频繁的选择器应该就是 id选择器$('#element-id') class选择器$('.class-name') 标签选择器$('element ...
23、jQuery九类选择器/jQuery常用Method-API/jQuery常用Event-API
1)掌握jQuery九类选择器及应用 2)掌握jQuery常用Method-API 3)掌握jQuery常用Event-API 一)jQuery九类选择器[参见jQueryAPI.chm手册] 目 ...
jquery 常用选择器和方法以及遍历（超详细）
jQuery 常用选择器和和方法学习总结一.JQuery 介绍 1. 什么是 jQuery 2. jQuery 版本介绍 3. jQuery 文件介绍二.jQuery 对象 1. jQuery ...
JQuery中常用的属性选择器
jQuery中使用$()作为选择符极大提高工作效率以及方便快捷;一些常用属性的选择器由以下几种 1) $('#id') id选择器 2) $('.class') css选择器,class类名 3) $ ...
Jquery常用的选择器有哪些？用途有什么不同？
(1)问题分析: 考官主要考查Jquery选择器的分类,不同. (2)核心答案讲解: Jquery选择器总共有四大类:基本选择器.层级选择器.过滤选择器.表单选择器,利用不同的选择器我们可以获取和筛选 ...
jQuery常用的选择器
1.链式风格对应同一个对象,不超过三个操作,可以写成一行 $("li").show().unbind("click"); 同一个对象,多个操作,建议分多行写, ...
jQuery选择器介绍：基本选择器、层次选择器、过滤选择器、表单选择器
这篇文章来介绍下jQuery的选择器. 选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.因此,如果能熟练的使用选择器,不仅能简化代码,而且可以达到事半 ...

jQuery常用的层次选择器

儿子

手机品牌

电脑品牌

销量排行

jQuery常用的层次选择器相关推荐

最新文章

热门文章