Jquery基础1

Jquery基本选择器使用

  $("#id "):根据给定的id匹配一个元素

  $(",myclass")：根据类名匹配函数

  $("*")：选取html页面中所有的元素、

      $("#div").removeAttr("style"); 清空id=div 的元素的style效果

  $( "div"):选取html中所有的div元素

  $("div,soan,myclass"):选取所有的<div><span><myclass>的元素，随意的多个 元素

 

Jquery简单选择器（以下的div 不定，也可换成其他标签）

  $("div:first")选取所有<div>元素中的第1个<div>元素

  $("div:last") 选取所有的<div>元素中的最后一个<div>元素

  $("div:lnot(.one)") 选取class不是one的<div>元素

  $("div:even") 选取索引值为偶数的<div>  从0 开始算起

  $("div:odd")  选取索引值为基数的<div> 从0 开始算起

  

  $("div:eq(1)")序曲索引值为1 的div元素

  $("div:gt(4)")序曲索引值大于4的div元素  不包含等于4的时候

  $("div:lt(4)")序曲索引值小于4的div元素  不包含等于4的时候

  $(":header") 选取网页中所有的<h1><h2>...标签  “：”前面不能加元素名

  $("div:animated") 选取整在指向的动画的<div>

  $("#move").slideToggle(时间，move);   插入动画效果

 

Jquery层选择器

  $("div span,p span") 选中div中的所有span元素、p标记中的所有span元素，包括其后代元素（不限数量）

  $("div > span") :选取<div>元素下面（子元素），所有的<span>子元素，不包括<span>的后代元素，只延续一层

$(".one + div ");选取class为one的下一个<div>相邻元素，即紧接着.one元素后面的div元素  

“+”紧接着的意思，相邻的 不间隔的元素，如果紧接着的不是div元素则该方法无效，并不会对接下来的div元素有影响

$（“.one ~div”）选取id为one的u胺素之后的所有同辈的<div> 兄弟元素，可间隔其他元素，其之前的div不受其影响，并且，后面的div中的子<div>元素也不受其影响