jQuery Selectors(选择器)的使用(二、层次篇)

本系列文章分为：基本篇、层次篇、简单篇、内容篇、可见性篇、属性篇、子元素篇、表单篇、表单对象属性篇共9篇文章。
您对本系列文章有任何建议或意见请发送到邮箱：sjzlgt@qq.com
由于是第一次写技术性系列文章，难免会出错或代码BUG，欢迎指出，在此谢过！

!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 titlejQuery-Selectors-2-bynet/title script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"/script style type="text/css" .div { width:95%; m...<a href="https://www.tulaoshi.com/n/20160219/1606833.html" target="_blank">[ 查看全文 ]</a></p> <div class="img_yyy_2"> <span>2016-02-19</span> <i>标签:</i> <div class="yyy_2_a"><a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> </div> </div> </div> </div> <div class="xiangguan_gg xiangguan_reader clearfix"> <div class="xiang_892_1" style="width:1158px;"> <h3><a href="https://www.tulaoshi.com/n/20160219/1606833.html" target="_blank">jQuery Selectors(选择器)的使用(二、层次篇)</a>的相关文章</h3> </div> <div class="xiang_892_2" style="width:1158px;"> <ul id="loadmore_container" style="width:1158px;"> <li> <div class="xiang_892_2_1"><a href="/reader/1602928" target="_blank"><img src="https://img.tulaoshi.com/201602/19/257816090fb19fe4b55f4b9483af38dc_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1602928.html" target="_blank">JQuery contains的选择器</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> contains选择符 contains选择符是指对象中包括指定内容的对象本身，如:$('td:contains("abcd")').addClass('highlight');则是找到所有包含“abcd”这样内容的单元格，设置这些单元格的样式类型添加“highlight”类。 下面的代码，运行后，需要刷新下，以便加载jquery !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" html head script src="ht...<a href="https://www.tulaoshi.com/n/20160219/1602928.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/年少无知931/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/28.jpg" /><span>年少无知931</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">8</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1602849" target="_blank"><img src="https://img.tulaoshi.com/201602/19/7b899020c5ed831405f4c6c68e3cd9bc_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1602849.html" target="_blank">jquery css 选择器演示代码</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 效果如图所示: 核心代码: 代码如下: script type="text/javascript" $('#one').css("background","#fff"); $('div').css("background","#fff"); $('body div').css("background","#bbffaa");//改变body内所有div的属性 $('div span').css("background","#bbffaa").css("color","red").css("font-size","12px");//改变所有div下的span元素的属性 $('#two .mini').css("background","red");//id为...<a href="https://www.tulaoshi.com/n/20160219/1602849.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/yellowcatzy/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/9.jpg" /><span>yellowcatzy</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">5</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1602918" target="_blank"><img src="https://img.tulaoshi.com/201602/19/02cb4ca0ea7dbeec884050d0c472f06b_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1602918.html" target="_blank">jquery 导航条的效果(css选择器控制)</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> div div jquery1274844839136="1"标题1/div div jquery1274844839136="2"标题2/div div jquery1274844839136="3"标题3/div div jquery1274844839136="4"标题4/div div jquery1274844839136="5"标题5/div div jquery1274844839136="6"标题6/div /div div进入之后才能看到效果！/div script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"/scriptscript type="text/javascript" $(d...<a href="https://www.tulaoshi.com/n/20160219/1602918.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/摸摸钱包真作孽/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/18.jpg" /><span>摸摸钱包真作孽</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">3</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1602883" target="_blank"><img src="https://img.tulaoshi.com/201602/19/6eabf0c541e8613793a9523888cffc4f_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1602883.html" target="_blank">jQuery温习篇 强大的JQuery选择器</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 在jQuery出世以来，它取得很大的成就和认同。JQuery是一个轻量级的JavaScript框架，它的发布版很小仅16K左右。它能让你方便简洁的写出漂亮的动画效果、实现各种视觉效果，轻松的处理JavaScript的DOM数以及Ajax的交互行为。它的优点在于轻量级、简单易学、易扩展、跨浏览器和网上拥有大量的jQuery插件使用。由于它这一大堆的优点，它已经被微软官方认可加入VS IDE中拥有强大的智能提示，并据官方的统计现在至...<a href="https://www.tulaoshi.com/n/20160219/1602883.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/maomaoyu卟大/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/13.jpg" /><span>maomaoyu卟大</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">1</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1605074" target="_blank"><img src="https://img.tulaoshi.com/201602/19/57d06d88317bcd3b14cf13b95460f487_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1605074.html" target="_blank">jQuery 选择器理解</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> $的选择器部分: 凡是运用$,其返回值是一个object $选择器主要用于选择标签.基本用法是同css的选择器.但是,很让人兴奋的是,他支持常见的浏览器,而css中很多选择器是IE6所不支持的. 1.基本选择器(3种): ----凡是运用$,其返回值是一个object $("标签名"),如$("p")是选取了所有的p标签节点 $("#id名"),如$("#test")是选取了id为test的标签节点 $(".class名"),如$(".test")是选取了所有class为test的标签...<a href="https://www.tulaoshi.com/n/20160219/1605074.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/轩宇血/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/14.jpg" /><span>轩宇血</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">0</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1604642" target="_blank"><img src="https://img.tulaoshi.com/201602/19/6afdaa62ee7fbce7bda0ca3195cd6162_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1604642.html" target="_blank">初试jQuery EasyUI 使用介绍</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 打包下载 jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。 jQuery EasyUI为我们提供了大多数UI控件的使用，如：accordion，combobox，menu，dialog，tabs，tree，window等等。 OK，下面就开始我们的初探之...<a href="https://www.tulaoshi.com/n/20160219/1604642.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/LL170063/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/2.jpg" /><span>LL170063</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">26</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1605691" target="_blank"><img src="https://img.tulaoshi.com/201602/19/d7270fecd94751bef839e2cd132f206d_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1605691.html" target="_blank">jQuery入门[2]－选择器</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">jQuery之所以令人爱不释手，在于其强大的选择器表达式令DOM操作优雅而艺术。 jQuery的选择符支持id,tagName,css1-3 expressions,XPath，参见： http://docs.jquery.com/Selectors DEMO: Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"&nb...<a href="https://www.tulaoshi.com/n/20160219/1605691.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/Hg无知少男/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/1.jpg" /><span>Hg无知少男</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">2</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1603807" target="_blank"><img src="https://img.tulaoshi.com/201602/19/b8b84f9838b6e6782b80814de40f6131_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1603807.html" target="_blank">jquery CSS选择器笔记</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">去年我学jQuery的时候，曾经做过一点选择器（selector）的笔记。 这几天拿出来看了一下，发现很多都忘记了。所以，我决定把它们贴在这里，方便以后查看。这对其他朋友应该也是有用的，毕竟选择器是制作网页效果的第一步。 笔记分为两个部分，今天是CSS的选择器，以后还有一部分xPath的选择器。今天的笔记中包括44个选择器，基本涵盖了CSS 2和CSS 3的所有规定。 序号选择器含义1. * 通用元素选择器，匹...<a href="https://www.tulaoshi.com/n/20160219/1603807.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/寻求好心人914/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/7.jpg" /><span>寻求好心人914</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">2</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1602944" target="_blank"><img src="https://img.tulaoshi.com/201602/19/d80577251e754d2860de603c31783523_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1602944.html" target="_blank">jQuery Selector选择器小结</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">//jQuery 选择器 $ //$(expression,[context]) return jQuery //Unit One //expression 之 CSS 定义符 就是以CSS语法表示所要选择的元素 // $("*"); // 表示页面所有元素标签 // $("th, td") // 表示所有thtd元素标签 // $("a") // 表示所有a元素标签 // $("div#onlydiv"); // 表示CSS选择中id=onlyidv的元素 $("#ID")为全文档匹配 // $("#rating"); // 表示id=rating的元素 // $("#orderedlist li...<a href="https://www.tulaoshi.com/n/20160219/1602944.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/京_龍哥/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/14.jpg" /><span>京_龍哥</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">10</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1606410" target="_blank"><img src="https://img.tulaoshi.com/201602/19/058f867315c615ef9ebdd1f28f2a3d35_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1606410.html" target="_blank">jQuery学习2 选择器的使用说明</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 1.利用CSS的基本选择器： a：匹配所有链接a元素。 #*：匹配id为*的元素 .*：匹配CSS类为*的元素 a#*id.*class:匹配id为*id，并拥有CSS类为*class的链接元素。 以上是CSS中的写法，在jQuery中用$("")包起来，如:jQuery("p a.Class") 利用子选择器、容器选择器和特性选择器，以下面的为例： 代码如下: ul class="myList" lia href=http://jquery.comjQuery supports/a ul lia href="css1"C...<a href="https://www.tulaoshi.com/n/20160219/1606410.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/1203晨空飞絮/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/1.jpg" /><span>1203晨空飞絮</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">1</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1605181" target="_blank"><img src="https://img.tulaoshi.com/201602/19/08337afbd352bbeb630f8a8b24c623e0_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1605181.html" target="_blank">jQuery 树形结构的选择器</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> DOM结构其实也是一种树形结构，jQuery提供的树形选择器可以用来选择DOM Tree里的节点。这些树形选择器的方法包括：children(), parent(), parents(), next(), prev(), siblings(). 选择某个元素的"孩子" - children() 代码如下： ul id="parent" li id="son1"第一列/li li id="son2"第二列/li li id="son3"第三列/li /ul $("#parent").children().length //得到所有的”孩子“(li)的个数，“3” $...<a href="https://www.tulaoshi.com/n/20160219/1605181.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/听说名字长的拽/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/1.jpg" /><span>听说名字长的拽</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">45</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1602968" target="_blank"><img src="https://img.tulaoshi.com/201602/19/7efe5bee5d0eb771b8d2621657cc4cf7_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1602968.html" target="_blank">JQuery 选择器 xpath 语法应用</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">比如下面html代码 代码如下： ul li title="ttt"li-1/li lili-2/li li title="fffff"li-2/li /ul div title="ttt"li-1/div divli-2/div div title="fffff"li-2/div 第一种根据属性选择E[@attr] $("[@title]").click().......... 即选择所有元素内 属性带有title的元素 即 li title="ttt"li-1/li li title="fffff"li-2/li div title="ttt"li-1/div div title="fffff"li-2/div $("di...<a href="https://www.tulaoshi.com/n/20160219/1602968.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/象牙塔的眺望/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/8.jpg" /><span>象牙塔的眺望</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">10</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1605158" target="_blank"><img src="https://img.tulaoshi.com/201602/19/b932938c13fbac3744473b5da4a1e3c2_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1605158.html" target="_blank">锋利的jQuery 要点归纳（一） jQuery选择器</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">1 基本选择器 $(#id) 根据给定的id匹配一个元素 $(.class) 根据给定的类名匹配元素 $(element) 根据给定的元素名匹配元素 $(*) 匹配所有元素 $(selector1,selector2,...,selectorN) 将每一个选择器匹配到的元素合并后一起返回 2 层次选择器 $("ancestor descendant") 选取ancestor元素里的所有descendant（后代）元素 $("parent child") 只选取parent元素下的child（子层级）元素，与$("anc...<a href="https://www.tulaoshi.com/n/20160219/1605158.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/赵亚楠888000/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/8.jpg" /><span>赵亚楠888000</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">1</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1606538" target="_blank"><img src="https://img.tulaoshi.com/201602/19/fdc95d7bacf2bfa8f201c829c5654eec_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1606538.html" target="_blank">jQuery的强大选择器小结</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 一 基本选择器 $("input“) :选择所有是input标签的元素 $("#input1"):选择id为input1的元素 $(".acss"):选择所有包含acss 这个css类样式的 代码 代码如下: body a href=""link/a input id="input1" class="acss" input id="Text1" class="acss" input id="Text2" script var oo = $("input"); //oo是以上3个的集合 var pp = $("#input1");//pp是第一个 var qq = $(".acss");//qq 是前两...<a href="https://www.tulaoshi.com/n/20160219/1606538.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/雪之恒07/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/8.jpg" /><span>雪之恒07</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">1</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1603110" target="_blank"><img src="https://img.tulaoshi.com/201602/19/93001e1aec86be81ed86a9fd4285bde6_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1603110.html" target="_blank">跟着Jquery API学Jquery之一 选择器</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">有了Jquery的选择器，吃饭饭饭香，身体倍棒…… 1.基本 我们知道jquery最常用的就是选择器了，我们看一下jqueryAPI中的 选择器—基本中有5种情况 class ,id ,element, *,还有一个多选择器，这里我们想一下css样式的写法 css样式也有几种情况：1.类样式 2.id样式 3.标签样式， 如果有一个aa的类 ，那么我们定义aa的样式就要写成 .aa{} 如果有一个bb的id，那么我们定义bb的样式就要写成 #bb{} 如果有标...<a href="https://www.tulaoshi.com/n/20160219/1603110.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/夏天雨冬天雪a/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/1.jpg" /><span>夏天雨冬天雪a</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">1</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1602891" target="_blank"><img src="https://img.tulaoshi.com/201602/19/cc335b6bee6302e34844c3957178580b_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1602891.html" target="_blank">jQuery 练习[一] 学习jquery的准备工作</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">使用 jQuery 写 JavaScript 脚本就像是用 Delphi 写 Windows 程序一样, 它不是更强大, 只是更易用. 计划先全面浏览、测试一遍 jQuery 的语法, 同时洞察其逻辑与思想; 最后尝试在 Delphi 中使用 jQuery, 估计要比使用 MSHTML.pas 方便得多. 官方站点: http://jquery.com/ 中文文档: http://jquery-api-zh-cn.googlecode.com/ 下载地址: http://docs.jquery.com/Downloading_jQuery jQuery 库就是一个 js 文...<a href="https://www.tulaoshi.com/n/20160219/1602891.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/苏烟·来一根/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/21.jpg" /><span>苏烟·来一根</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">8</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1606448" target="_blank"><img src="https://img.tulaoshi.com/201602/19/fcf1beca3fccbfa92e06608cfab1a696_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1606448.html" target="_blank">jQuery AnythingSlider滑动效果插件</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 打包下载 jQuery 是个宝库，而 jQuery 的插件体系是个取之不竭的宝库，众多开发者在 jQuery 框架下，设计了数不清的插件，jQuery 的特长是网页效果，因此，它的插件库也多与 UI 有关。 webdesignledger.com 网站推选了2009年度最佳 jQuery 插件，有些插件在本博客中已经有介绍，有些还没有，本文介绍的是：2009年度最佳 jQuery 插件—AnythingSlider 滑动 在一个固定区域，循环显示几段内容，这种方式很...<a href="https://www.tulaoshi.com/n/20160219/1606448.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/可爱的贝贝麻麻/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/8.jpg" /><span>可爱的贝贝麻麻</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">23</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1602909" target="_blank"><img src="https://img.tulaoshi.com/201602/19/9f2cb0aa115f0ba63dbc341c532b1c4f_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1602909.html" target="_blank">jquery 弹出公告功能代码</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> !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=gb2312" / titlejquery 弹出公告/title script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"/scriptstyle *{ma...<a href="https://www.tulaoshi.com/n/20160219/1602909.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/萌小猫hy/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/9.jpg" /><span>萌小猫hy</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">208</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1602842" target="_blank"><img src="https://img.tulaoshi.com/201602/19/29cab827adbc177a9c1b7bc6f81419cd_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1602842.html" target="_blank">jQuery&#160;练习[二]&#160;jquery&#160;对象选择器</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 根据 id 选择(通过 id 只能选择一个对象), 如: $("#div2") 代码如下: divAAA/div divBBB/div divCCC/div 根据标签选择, 如: $("span") 代码如下: divspanAAA/span/div divBBB/div spanCCC/span 根据样式的类名选择, 如: $(".class1") 代码如下: divAAA/div divBBB/div divCCC/div 选择所有对象是: $("*") 可混合使用, 如(复制代码): !docty...<a href="https://www.tulaoshi.com/n/20160219/1602842.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/小雨ZENKI/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/2.jpg" /><span>小雨ZENKI</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">9</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1606793" target="_blank"><img src="https://img.tulaoshi.com/201602/19/418cb54c1c95ef546a415fe48be8aea5_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1606793.html" target="_blank">jQuery DOM操作 基于命令改变页面</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 打包下载 呃，貌似是广告哈？呵呵，不过的确是这样，jQuery为我们提供了丰富的DOM操作方法，使这些复杂的DOM操作变得简单。 继上一回写jQuery的笔记貌似已经过去很长时间了，这一节也确实有必要写一下了，呵呵，Let's Go~ 操作属性： 之前，我们说过.addClass()及.removeClass()方法，更改的其实也是DOM的属性：className。 说到这就得再提一下，为啥元素的类名叫做className而不是直接叫class，因为cla...<a href="https://www.tulaoshi.com/n/20160219/1606793.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/新空晨阳/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/23.jpg" /><span>新空晨阳</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">11</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> </ul> <div id="pages" class="clearfix"> <a href="/reader/21789.html">上一页</a><a href="/reader/21786.html">21786</a><a href="/reader/21787.html">21787</a><a href="/reader/21788.html">21788</a><a href="/reader/21789.html">21789</a><a href="/reader/21790.html" class="cur">21790</a><a href="/reader/21791.html">21791</a><a href="/reader/21792.html">21792</a><a href="/reader/21793.html">21793</a><a href="/reader/21794.html">21794</a><a href="/reader/21791.html">下一页</a> </div> </div> </div> <!--footer底部--> <script type="text/javascript">tls.output.show_foot();</script> <div class="float_bottom" id="fixbottom" style="bottom:30px;"> <a href="https://m.tulaoshi.com//" class="icon_hu3">手机页面</a> <div class="float_bot_2"> <a href="javascript:;"id="show_search_input"> <input type="submit" class="input_sub" id="fixbottom_search_btn"> <input type="text" class="text_a_input" placeholder="输入你想搜索的关键词" style="display:none;" id="fixbottom_search_input"> </a> </div> <a href="javascript:;" class="icon_hu2" id="fav_site_btn" data-url="https://www.tulaoshi.com//">收藏网站</a> <a href="javascript:;" class="icon_hu" id="totop">回到头部</a> </div> <!--tag PC分类 标签--> <script type="text/javascript" src="https://static.tulaoshi.com/js/zt.js"></script> </body> </html>