-
注意事项： :first只匹配一个单独的元素，但是:first-child选择器可以匹配多个：即为每个父级元素匹配第一个子元素。这相当于:nth-child(1) :last 只匹配一个单独的元素， :last-child 选择器可以匹配多个元素：即，为每个父级元素匹配最后一个子元素 如果子元素只有一个的话，:first-child与:last-child是同一个 :only-child匹配某个元素是父元素中唯一的子元素，就是说当前子元素是父元素中唯一的元素，则匹配 jQuery实现:nth-child(n)是严格来自CSS规范，所以n值是“索引”，也就是说，从1开始计数，:nth-child(index)从1开始的，而eq(index)是从0开始的 nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算，后者从后往前计算查看全部
-
mark查看全部
-
我们有几种方式可以隐藏一个元素： CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的，该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0查看全部
-
$(":first") 第一个 $(":last") 最后一个 $(":not(selector)") selector是给定的选择器（筛选的条件），所有不符合这个选择器的，将被选中。 $(":eq(index)") 在匹配的集合中选择索引值为index的元素。 $(":even") 选择索引值为偶数的元素，从0开始计数。 $(":odd") 选择索引值为奇数的元素，从0开始计数。 $(":gt(index)") 选择匹配集合中，所有大于给定index(索引值)的元素。 $(":lt(index)") 选择匹配集合中，所有小于等于给定index(索引值)的元素。 $(":header") 选择所有标题元素，eg:h1~h6 $(":lang(language)") 选择指定语言的所有元素。 $(":root") 选择该文档的根元素。 $(":animated") 选择所有正在执行动画效果的元素。查看全部
-
仔细观察层级选择器之间还是有很多相似与不同点 层级选择器都有一个参考节点 后代选择器包含子选择器的选择的内容 一般兄弟选择器包含相邻兄弟选择的内容 相邻兄弟选择器和一般兄弟选择器所选择到的元素，必须在同一个父元素下查看全部
-
通过标准的JavaScript操作DOM与jQuyer操作DOM的对比，我们不难发现： 通过jQuery方法包装后的对象，是jQuery对象，它是一个新的对象 jQuery与DOM对象完全不是同一个东西，但是又似曾相似，因为他们都能处理DOM 通过jQuery处理DOM的操作，可以让开发者更专注业务逻辑的开发，而不需要我们具体知道哪个DOM节点有那些方法，也不需要关心不同浏览器的兼容问题，我们可以通过jQuery更友好的API进行开发，同时代码也会更加精短查看全部
-
Mark:环境搭建 <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>查看全部
-
大概这么个意思，visibility: hidden 或 opacity: 0占用空间布局。JQ能识别它，所以被认为是可见的。而width:0;height:0;和display:none;不占用空间布局，JQ不能识别出来。查看全部
-
$(":contains(text)") 选择所有包含指定文本的元素 $(":has(selector)")选择元素其中至少包含指定选择器匹配的一种元素 $(":parent") 选择所有含有子元素或者文本的父级元素 $(":empty")选择所有没有子元素的元素（包括文本节点）查看全部
-
$(":first") 第一个 $(":last") 最后一个 $(":not(selector)") selector是给定的选择器（筛选的条件），所有不符合这个选择器的，将被选中。 $(":eq(index)") 在匹配的集合中选择索引值为index的元素。 $(":even") 选择索引值为偶数的元素，从0开始计数。 $(":odd") 选择索引值为奇数的元素，从0开始计数。 $(":gt(index)") 选择匹配集合中，所有大于给定index(索引值)的元素。 $(":lt(index)") 选择匹配集合中，所有小于等于给定index(索引值)的元素。 $(":header") 选择所有标题元素，eg:h1~h6 $(":lang(language)") 选择指定语言的所有元素。 $(":root") 选择该文档的根元素。 $(":animated") 选择所有正在执行动画效果的元素。查看全部
-
$( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 $("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器查看全部
-
子选择器：$('div > p') 后代选择器$('div p') 相邻兄弟选择器$(".prev + div") 一般兄弟选择器$(".prev ~ div")查看全部
-
<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"></script> <script> function appendText() { var txt1="<p>Text.</p>"; // 以 HTML 创建新元素 var txt2=$("<p></p>").text("Text."); // 以 jQuery 创建新元素 var txt3=document.createElement("p"); txt3.innerHTML="Text."; // 通过 DOM 来创建文本 $("body").append(txt1,txt2,txt3); // 追加新元素 } </script> </head> <body> <p>This is a paragraph.</p> <button onclick="appendText()">追加文本</button> </body> </html>查看全部
-
$( "*" ) 选择所有元素查看全部
-
元素选择器：根据给定（html）标记名称选择所有的元素 $( "element" )查看全部
举报
0/150
提交
取消