-
页面加载时触发ready()事件 ready()事件类似于onLoad()事件，但前者只要页面的DOM结构加载后便触发，而后者必须在页面全部元素加载成功才触发，ready()可以写多个，按顺序执行。此外，下列写法是相等的： $(document).ready(function(){})等价于$(function(){}); 例如，当触发页面的ready()事件时，在<div>元素中显示一句话。如下图所示： 在浏览器中显示的效果： 从图中可以看出，当页面的DOM框架完成加载后，便触发ready()事件，在该事件中，通过id号为“tip”的元素，调用html()方法在页面中显示一段字符。查看全部
-
替换内容 replaceWith()和replaceAll()方法都可以用于替换元素或元素中的内容，但它们调用时，内容和被替换元素所在的位置不同，分别为如下所示： $(selector).replaceWith(content)和$(content).replaceAll(selector) 参数selector为被替换的元素，content为替换的内容。查看全部
-
如果想从一组标签元素数组中，灵活选择任意的一个标签元素，我们可以使用 :eq(index) 其中参数index表示索引号（即：一个整数），它从0开始，如果index的值为3，表示选择的是第4个元素。例如：查看全部
-
本章我们介绍过滤选择器，该类型的选择器是根据某过滤规则进行元素的匹配，书写时以“：”号开头,通常用于查找集合元素中的某一位置的单个元素。 在jQuery中，如果想得到一组相同标签元素中的第1个元素该怎样做呢？ 在下面的示例代码中你可能注意到我们会使用 $(“li:first”) 注意：书写时以“：”号开头查看全部
-
使用clone()方法复制元素 调用clone()方法可以生成一个被选元素的副本，即复制了一个被选元素，包含它的节点、文本和属性，它的调用格式为： $(selector).clone() 其中参数selector可以是一个元素或HTML内容。 例如，使用clone()方法复制页面中的一个<span>元素，并将复制后的元素追加到页面的后面，如下图所示： 在浏览器中显示的效果： 从图中可以看出，使用clone()方法复制元素时，不仅复制了该元素的文本和节点，还将它的“title”属性也一起复制过来了。查看全部
-
与上一节中介绍的prev + next层次选择器相同，prev ~ siblings选择器也是查找prev 元素之后的相邻元素，但前者只获取第一个相邻的元素，而后者则获取prev 元素后面全部相邻的元素，它的调用格式如下： $(“prev ~ siblings”) 其中参数prev与siblings两者之间通过“~”符号形成一种层次相邻的关系，表明siblings选择器获取的元素都是prev元素之后的同辈元素。查看全部
-
与上一节中介绍的prev + next层次选择器相同，prev ~ siblings选择器也是查找prev 元素之后的相邻元素，但前者只获取第一个相邻的元素，而后者则获取prev 元素后面全部相邻的元素，它的调用格式如下： $(“prev ~ siblings”) 其中参数prev与siblings两者之间通过“~”符号形成一种层次相邻的关系，表明siblings选择器获取的元素都是prev元素之后的同辈元素。查看全部
-
俗话说“远亲不如近邻”，而通过prev + next选择器就可以查找与“prev”元素紧邻的下一个“next”元素，格式如下： $(“prev + next”) 其中参数prev为任何有效的选择器，参数“next”为另外一个有效选择器，它们之间的“+”表示一种上下的层次关系，也就是说，“prev”元素最紧邻的下一个元素由“next”选择器返回的并且只返回唯的一个元素。查看全部
-
与上一节介绍的ance desc选择器相比，parent > child选择器的范围要小些，它所选择的目标是子集元素，相当于一个家庭中的子辈们，但不包括孙辈，它的调用格式如下： $(“parent > child”) child参数获取的元素都是parent选择器的子元素，它们之间通过“>”符号来表示一种层次关系。查看全部
-
通过层次选择器，可以快速定位某一层次的一个或多个元素，ance desc选择器就是其中之一，它的调用格式如下： $("ance desc") 其中ance desc是使用空格隔开的两个参数。ance参数（ancestor祖先的简写）表示父元素；desc参数（descendant后代的简写）表示后代元素，即包括子元素、孙元素等等。两个参数都可以通过选择器来获取。比如家族姓氏“div”，家族几代人里，都有名字里带“span”的，就可以用这个ance desc选择器把这几个人给定位出来。查看全部
-
有时需要精确的选择任意多个指定的元素，类似于从文具盒中挑选出多根自已喜欢的笔，就需要调用sele1,sele2,seleN选择器，它的调用格式如下： $(“sele1,sele2,seleN”)查看全部
-
使用:first过滤选择器可以获取指定父元素中的首个子元素， 此处有病句，并不是选择父元素中的首个子元素，而是 选择一组相同标签中的第一个元素，这也是在:first那章这样写的查看全部
-
removeClass ("class1 class2")查看全部
-
<body> <ul> <li>第1个元素</li> <li>第2个元素</li> <li>第3个元素</li> <li>第4个元素</li> <li>第5个元素</li> <li>第6个元素</li> <li>第7个元素</li> <li>第8个元素</li> <li>第9个元素</li> <li>第10个元素</li> </ul> <a href="#" title="更多">更多</a> <script type="text/javascript"> $("li:gt(3):not(:last)").hide(); $("a").click(function(){ var a =$("a").html(); if(a =="更多") { $("a").html("简化"); $("li").show(); return; } $("a").html("更多"); $("li:gt(3):not(:last)").hide(); return; }); </script> </body>查看全部
-
，我们知道使用:first过滤选择器可以获取指定父元素中的首个子元素，但该选择器返回的只有一个元素，并不是一个集合，而使用:first-child子元素过滤选择器则可以获取每个父元素中返回的首个子元素，它是一个集合，常用多个集合数据的选择处理。查看全部
举报
0/150
提交
取消