jQuery入门2

晚上一下昨天对jQuery的选择器的认识。

昨天大体上使用的是css选择器的基本使用。现在补充一下对css选择器的进一步使用的介绍：

1.$("p.intro")（注意中间没有空格），这种用法表示查找带有".intro“属性的<p>元素。

2.$(".ex .hide") （注意中间有空格），这种用法表示查找带有”.ex“和”.hide“这两种属性的元素。

我的理解：第一种中间没有空格表示带有某属性的元素。第二章中间有空格，表示两种不同的属性，查找同时具备它们的元素。

（这只是为了让自己更好的理解，自己挖坑自己填，至于真相如何，自学到这里还没有找到更好的理解方式。如果有不同的理解希望能留言交流下哈~）

$(document).ready(function(){
  $(".ex .hide").click(function(){
    $(this).parents(".ex").hide("slow");
  });
});

$(function(){
	$(".show").click(function(){
		$(this).parents(".ex1").children(".ex").show("slow");
	})
});

$(function(){
	$("h3 .e").click(function(){
		$(this).hide("slow");
	})
})

另外，这两种可以结合来使用：$("div#intro .head")。

至于新学到的jQuery 使用 XPath 表达式来选择带有给定属性的元素的方法，了解还不深，列出下面的使用：

$("[href]") 选取所有带有 href 属性的元素。

$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

好，补充的差不多了。如果有新的了解会在本文持续更新。