JQuery 学习笔记选择器之四

复制代码代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script src="js/jquery-1.3.2.js"></script> <script type="text/javascript"></script> </head> <body> <div id ="div1"> <p>hello word!</p> </div> <div id ="div2"> hello </div> <div id ="div3" height="20px"> </div> <div id ="div4"></div> <a href="#" id="aContains">设置内容包含“hello”的节点红色背景颜色</a> <a href="#" id="aEmpty">设置无内容的DIV内容设为EmptyDIV</a> <a href="#" id="aHas">设置包含 p 节点的 div 节点红色背景颜色</a> <a href="#" id="aParent">设置包含子节点的 div 节点红色背景颜色</a> </body> </html>首先还是对本章的课外知识点进行说明下 1.element.css("attributeName","value") 描述：用于设置element的style，在例子中$(this).css("background","red");就是设置节点的background为red。现在进入主题咯 1.$("TagName:contains('keyword')") 描述：用于获取所有TagName节点里包含keyword内容的节点集合返回值：Array(Element)； 2.$("TagName:Empty") 描述：用于获取所有TagName节点里，内容为空的节点集合返回值：Array(Element)； 3.$("TagName1:has(TagName2)) 描述：用于获取所有TagName1节点里，包含TagName2子节点的节点集合返回值：Array(Element)； 4.$("TagName:parent") 描述：用于获取所有TagName节点里，包含子节点的节点集合返回值：Array(Element)；

　　推荐阅读

　　jqPlot jquery的页面图表绘制工具

jqplot是基于一个基本的jqplot.js文件，并有多个js文件支持的插件——也就是说jqplot.js文件只能支持线状图的绘制，对于饼状图，柱状图等图形需要引入pieRenderer.js等文件。这里参照jqPlot的官方文档，以饼状图为>>>详细阅读

本文标题：JQuery 学习笔记选择器之四

地址：http://www.17bianji.com/kaifa2/JS/28387.html

1/2 1

JQuery 学习笔记 选择器之四

JQuery 学习笔记选择器之四