JQuery选择器学习随笔

在路上抽空看了看书，内容是《JQuery的选择器》然后做记忆性记录，下方简写为jq

1.jq的选择器继承了css选择器的全部。使用简洁的写法来代替js写法：

$('#id')来代替document,getElementById()的函数

2.jq的对象获取可以绕过对象是否存在的页面报错，比如：如果页面不存在id=tt 的元素，那么 document.getElementById("tt")会报错，   $('tt')这样写就不会报错。

3.重头戏：选择器,在$（"  selector  "）里面加入选择器：

1）基本选择器：

   #id  

  .class   

  element(即标签元素)      

  div,span,p.myClass(混合选择器，该例子是表示，选择所有<div>,<span>,拥有class为myClass的<P>)这四种。

2）层次选择器：通过DOM元素之间的层级关系来获取特定元素，比如：

$("先代+空格+后代")，$("div span")=获取所有div标签里面的span标签（包括所有层次，不仅仅限于子元素）。

$("父元素>子元素 ")，选取父元素下的子元素，仅仅一层。

3）过滤选择器：   使用  ： 来做开头。可以分为

基本过滤——根据标签的来进行过滤；

内容过滤——主要体现在它所包含的子元素或文本内容上；

可见性过滤——主要根据元素的课件和不可见状态来选择相应的元素。比如 $(":hidden"), 可以找到素有<input type="hidden"/>标签或者是<div style= "display:none;"> <div style="visibility:hidden;"> 这三类隐藏元素。如果只是像获取到隐藏的input元素，可以使用 $("input:hidden");

属性过滤——根据元素的属性进行筛选，使用 [属性] 来进行说明，比如 $("div[title=test]")选取title为test的div元素

   子元素过滤——略

表单对象属性过滤选择器——略。