-
使用:image选择器只能获取<input>图像域,而不能获取<img>格式的图像元素。查看全部
-
id后面需要加上一个空格查看全部
-
使用remove()和empty()方法删除元素 remove()方法删除所选元素本身和子元素,该方法可以通过添加过滤参数指定需要删除的某些元素,而empty()方法则只删除所选元素的子元素。 例如,调用remove()方法删除<span>元素中类别名为“red”的,如下图所示: 在浏览器中显示的效果: 从图中可以看出,使用remove(".red")方法只是把<span>元素中类别名为“red”的这部分元素给删除了。查看全部
-
$("ance desc")層次性選擇器 1.$("ance desc"):ance參數(ancestor祖先的簡寫)表示父元素;desc參數(descendant後代的簡寫)表示後代元素,即包括子元素、孫元素等等。兩個參數都可以【通過選擇器來獲取】 2.例如取得<div>中的所有<span>: $("div span") 又例如$("#box span")等查看全部
-
使用each()方法遍历元素 使用each()方法可以遍历指定的元素集合,在遍历时,通过回调函数返回遍历元素的序列号,它的调用格式为: $(selector).each(function(index)) 参数function为遍历时的回调函数,index为遍历元素的序列号,它从0开始。 例如,遍历页面中的<span>元素,当元素的序列号为2时,添加名为“focus”的样式,如下图所示: 在浏览器中显示的效果: 从图中可以看出,在使用each()方法遍历<span>元素时,回调函数中的“index”参数为元素的序列号,它从0开始,当为2时,表示第3个<span>元素增加样式。查看全部
-
sele1,sele2,seleN选择器 -選擇任意多個指定的元素 $("sele1,sele2,seleN")每個選擇器之間用「,」號隔開,如$("#id")、$(".class")、$("selector")選擇器等。 例如$("p,div")獲取<p>和<div>中的元素查看全部
-
使用wrap()和wrapInner()方法包裹元素和内容 wrap()和wrapInner()方法都可以进行元素的包裹,但前者用于包裹元素本身,后者则用于包裹元素中的内容,它们的调用格式分别为: $(selector).wrap(wrapper)和$(selector).wrapInner(wrapper) 参数selector为被包裹的元素,wrapper参数为包裹元素的格式。 例如,调用wrap()方法,将<span>用<div>元素包裹起来,如下图所示: 在浏览器中显示的效果: 从图中可以看出,红色区域的<span>元素被蓝色边框的<div>元素通过wrap()方法包裹起来。查看全部
-
* 選擇器-獲取頁面中的全部元素 $("*") $(“div *”)的方式获取<div>元素中的所有子元素 $(“form *”)的方式获取<form>元素中的所有子元素查看全部
-
使用each()方法遍历元素 使用each()方法可以遍历指定的元素集合,在遍历时,通过回调函数返回遍历元素的序列号,它的调用格式为: $(selector).each(function(index)) 参数function为遍历时的回调函数,index为遍历元素的序列号,它从0开始。 <body> <h3>使用each()方法遍历元素</h3> <span class="green">香蕉</span> <span class="green">桃子</span> <span class="green">葡萄</span> <span class="green">荔枝</span> <script type="text/javascript"> $("span").each(function (index) { if (index == 1) { $(this).attr("class", "red"); } }); </script> </body>查看全部
-
使用wrap()和wrapInner()方法包裹元素和内容 wrap()和wrapInner()方法都可以进行元素的包裹,但前者用于包裹元素本身,后者则用于包裹元素中的内容,它们的调用格式分别为: $(selector).wrap(wrapper)和$(selector).wrapInner(wrapper) 参数selector为被包裹的元素,wrapper参数为包裹元素的格式。 $(".red").wrapInner("<span></span>");查看全部
-
.class 選擇器 $(".class")表示元素的CSS類別(類選擇器)名稱查看全部
-
替换内容 replaceWith()和replaceAll()方法都可以用于替换元素或元素中的内容,但它们调用时,内容和被替换元素所在的位置不同,分别为如下所示: $(selector).replaceWith(content)和$(content).replaceAll(selector) 参数selector为被替换的元素,content为替换的内容。 例如,调用replaceWith()方法将页面中<span>元素替换成一段HTML字符串,如下图所示: 在浏览器中显示的效果: 从图中可以看出,使用replaceWith()方法替换类别名为“green”的<span>元素,替换之后,旧元素完全由新替换的元素所取代。查看全部
-
replaceWith()和replaceAll()方法都可以用于替换元素或元素中的内容,但它们调用时,内容和被替换元素所在的位置不同,分别为如下所示: $(selector).replaceWith(content)和$(content).replaceAll(selector) 参数selector为被替换的元素,content为替换的内容。 <body> <h3>使用replaceAll()方法替换元素内容</h3> <span class="green" title="hi">我是屌丝</span> <script type="text/javascript"> var $html = "<span class='red' title='hi'>我是土豪</span>"; $($html).replaceAll(".green"); </script> </body> $($html).replaceAll(".green");/// $(".green").replaceAll($html);查看全部
-
:last-child子元素过滤选择器 与:first-child子元素过滤选择器功能相反,:last-child子元素过滤选择器的功能是获取每个父元素中返回的最后一个子元素,它也是一个集合,常用多个集合数据的选择处理。查看全部
-
:first-child子元素过滤选择器 通过上面章节的学习,我们知道使用:first过滤选择器可以获取指定父元素中的首个子元素,但该选择器返回的只有一个元素,并不是一个集合,而使用:first-child子元素过滤选择器则可以获取每个父元素中返回的首个子元素,它是一个集合,常用多个集合数据的选择处理。查看全部
举报
0/150
提交
取消