【jq练习】层次选择器

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>相邻选择器</title><script src="js/JQ.js"></script><script>$(function(){$("#frist+p").css("color","red");})</script></head><body><div id="frist"><p>有耳莫洗颍川水，有口莫食首阳蕨。</p>含光混世贵无名，何用孤高比云月？</div><p class="no">吾观自古贤达人，功成不退皆殒身。子胥既弃吴江上，屈原终投湘水滨。</p><span class="no">陆机雄才岂自保？李斯税驾苦不早。华亭鹤唳讵可闻？上蔡苍鹰何足道？</span><div id="second">君不见吴中张翰称达生，秋风忽忆江东行。且乐生前一杯酒，何须身后千载名？</div></body>
</html>

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>后代选择器</title><script src="js/JQ.js"></script><script>$(function(){$("#frist p").css("color","red");})</script></head><body><div id="frist"><p>有耳莫洗颍川水，有口莫食首阳蕨。含光混世贵无名，何用孤高比云月？</p></div><p class="no">吾观自古贤达人，功成不退皆殒身。子胥既弃吴江上，屈原终投湘水滨。</p><span class="no">陆机雄才岂自保？李斯税驾苦不早。华亭鹤唳讵可闻？上蔡苍鹰何足道？</span><div id="second">君不见吴中张翰称达生，秋风忽忆江东行。且乐生前一杯酒，何须身后千载名？</div></body>
</html>

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>子代选择器</title><script src="js/JQ.js"></script><script>$(function(){$("#frist>p").css("color","red");})</script></head><body><div id="frist"><p>有耳莫洗颍川水，有口莫食首阳蕨。</p>含光混世贵无名，何用孤高比云月？</div><p class="no">吾观自古贤达人，功成不退皆殒身。子胥既弃吴江上，屈原终投湘水滨。</p><span class="no">陆机雄才岂自保？李斯税驾苦不早。华亭鹤唳讵可闻？上蔡苍鹰何足道？</span><div id="second">君不见吴中张翰称达生，秋风忽忆江东行。且乐生前一杯酒，何须身后千载名？</div></body>
</html>

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>兄弟选择器</title><script src="js/JQ.js"></script><script>$(function(){$("#frist~p").css("color","red");})</script></head><body><div id="frist"><p>有耳莫洗颍川水，有口莫食首阳蕨。</p>含光混世贵无名，何用孤高比云月？</div><p class="no">吾观自古贤达人，功成不退皆殒身。子胥既弃吴江上，屈原终投湘水滨。</p><span class="no">陆机雄才岂自保？李斯税驾苦不早。华亭鹤唳讵可闻？上蔡苍鹰何足道？</span><div id="second">君不见吴中张翰称达生，秋风忽忆江东行。且乐生前一杯酒，何须身后千载名？</div></body>
</html>

【jq练习】层次选择器相关推荐

css03层次选择器
<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8" ...
CSS学习04之层次选择器
回顾什么是选择器在 CSS 中,选择器是选取需设置样式的元素的模式. 选择器的作用 CSS 选择器用于"查找"(或选取)要设置样式的 HTML 元素. 方便我们对元素添加样式. ...
html层次选择器例题,JQuery 层次选择器的例子
层次选择器_www.jbxue.com $(function () { //------1.在给定的祖先元素下匹配所有后代元素(包含了子元素,以及子元素的元素,一直往下延伸) //var $divs ...
jQuery选择器介绍：基本选择器、层次选择器、过滤选择器、表单选择器
这篇文章来介绍下jQuery的选择器. 选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.因此,如果能熟练的使用选择器,不仅能简化代码,而且可以达到事半 ...
CSS基本选择器、层次选择器、结构伪类选择器、属性选择器
目录基本选择器 1.标签选择器 2.类选择器 3.ID选择器层次选择器结构伪类选择器属性选择器基本选择器 1.标签选择器 2.类选择器 3.ID选择器层次选择器选择器类型功能描 ...
设置某个元素的标签内容、设置元素的样式、层次选择器、总结选择器
点击按钮设置某个元素的标签内容 <!DOCTYPE html> <html lang="en"> <head><meta charset= ...
jQuery常用的层次选择器
常用层次选择器儿子手机品牌苹果华为 vivo 电脑品牌苹果联想戴尔销量排行 vivo 苹果华为 <!DOCTYPE html> <html> <head ...
html层次选择器例题,详解强大的jQuery选择器之基本选择器、层次选择器
jQuery允许开发者使用从CSS1到CSS3几乎所有的选择器,以及jQuery独创的高级而复杂的选择器.另外还可以加入插件使其支持XPath选择器,甚至开发者可以编写属于自己的选择器(即选择器插件, ...
jquery 中多条件选择器,相对选择器,层次选择器的区别
一.Jquery常用的过滤选择器如下所示: 1.:first,选取第一个元素,比如$("div:first")选取第一个div元素 2.:last,选取最后一个元素,比如$(&qu ...
jquery的层次选择器
1.层次选择器 1.1.后代选择器:$("s h") s和h之间有一个空格 1.2.儿子选择器:$("s>h") s和h之间有一个> 1.3.相 ...

【jq练习】层次选择器

【jq练习】层次选择器相关推荐

最新文章

热门文章