-
:hidden过滤选择器的功能是获取全部不可见的元素,这些不可见的元素中包括type属性值为hidden的元素。 例如,调用:hidden选择器获取不可见的<p>元素,并将该元素的内容显示在<div>元素中查看全部
-
与上一节介绍的:eq(index)选择器按索引查找元素相比,有时候我们可能希望按照文本内容来查找一个或多个元素,那么使用:contains(text)选择器会更加方便, 它的功能是选择包含指定字符串的全部元素,它通常与其他元素结合使用,获取包含“text”字符串内容的全部元素对象。其中参数text表示页面中的文字。查看全部
-
图片灯箱插件lightBox查看全部
-
在实际应用开发中,常常是多个元素嵌套在一起,形成复杂的层次关系,通过层次选择器,可以快速定位某一层次的一个或多个元素,ance desc选择器就是其中之一,它的调用格式如下: $("ance desc") 其中ance desc是使用空格隔开的两个参数。ance参数(ancestor祖先的简写)表示父元素;desc参数(descendant后代的简写)表示后代元素,即包括子元素、孙元素等等。两个参数都可以通过选择器来获取。比如家族姓氏“div”,家族几代人里,都有名字里带“span”的,就可以用这个ance desc选择器把这几个人给定位出来。查看全部
-
有一个非常“牛”的选择器,“*”号选择器,它的功能是获取页面中的全部元素,“全部”啊!包括<head>、<body>、<script>这些元素,相当于可以取走你文具盒中的所有铅笔,格式为: $(“*”) 选择器中的参数就一个“*”,既没有“#”号,也没有“.”号。 由于该选择器的特殊性,它常与其他元素组合使用,表示获取其他元素中的全部子元素。 如下图所示: 使用*选择器,获取div中的所有子元素并设置三个子元素显示相同的内容。查看全部
-
:first-child子元素过滤选择器 如果想把页面中每个ul中的第一个li获取到,并改变其颜色。查看全部
-
$.get(url,data,success,datatype)是ajax中get方法的简写 $.ajax({ type:"get", url: url,//请求地址,*必需 data: data,//传送的数据,可选 success: function,//请求成功后执行的函数,可选 dataType: dataType//返回的数据类型,若不写JQuery自动判断,可选 });查看全部
-
[attribute*=value]属性选择器 <h3>改变"title"属性值包含"果"的背景色</h3> <ul> <li title="蔬菜">茄子</li> <li title="水果">香蕉</li> <li title="蔬菜">芹菜</li> <li title="人参果">小西红柿</li> <li title="水果">西瓜</li> </ul> <script type="text/javascript"> $("li[title*='果']").css("background-color", "green"); </script>查看全部
-
$.post(url,data,sunccess,datatype)是ajax中post方法的简写 $.ajax({ type: 'POST', url: url,//请求地址,*必需 data: data,//发送的数据,可选 success: function,//成功后执行的函数,可选 dataType: dataType//返回的数据类型,html,json,xml等,不写则JQuery自动判断,可选 });查看全部
-
[attribute!=value]属性选择器 <h3>改变"title"属性值不为"蔬菜"的背景色</h3> <ul> <li title="蔬菜">茄子</li> <li title="水果">香蕉</li> <li title="蔬菜">芹菜</li> <li title="水果">苹果</li> <li title="水果">西瓜</li> </ul> <script type="text/javascript"> $("li[title!='蔬菜']").css("background-color", "green"); </script>查看全部
-
[attribute=value]属性选择器---获取指定属性名和对应值的全部<li>元素 <h3>改变"title"属性值为"蔬菜"的背景色</h3> <ul> <li title="蔬菜">茄子</li> <li title="水果">香蕉</li> <li title="蔬菜">芹菜</li> <li title="水果">苹果</li> <li title="水果">西瓜</li> </ul> <script type="text/javascript"> $("li[title='蔬菜']").css("background-color", "green"); </script>查看全部
-
使用:visible选择器获取可见的<p>元素,并将该元素的内容显示在<div>元素中 <h3>修改可见“水果”的背景色</h3> <ul> <li >橘子</li> <li >香蕉</li> <li >葡萄</li> <li>苹果</li> <li >西瓜</li> </ul> <script type="text/javascript"> $("li:visible").css("background-color","blue"); </script>查看全部
-
<div>改变包含"jQuery"字符内容的背景色:</div> <ol> <li>强大的"jQuery"</li> <li>"javascript"也很实用</li> <li>"jQuery"前端必学</li> <li>"java"是一种开发语言</li> <li>前端利器——"jQuery"</li> </ol> <script type="text/javascript"> $("li:contains('jQuery')").css("background", "green"); </script>查看全部
-
$.ajax({ url:"http://...", data:{num:$("...").val()}, dataType:"text", type:"post", success:function(data){ $("ul").append(data) } )查看全部
-
html()方法可以获取元素的HTML内容,因此,原文中的格式代码也被一起获取,而text()方法只是获取元素中的文本内容,并不包含HTML格式代码,所以它显示的内容并没有变“歪”。查看全部
举报
0/150
提交
取消