jquery 的小角落

最近换了工作，在这家公司里，使用了大量的jQuery，闲来无事看看锋利的jQuery，发现好多边边角角的选择器，却能省去一大堆逻辑上的的代码，废话不多说直接上代码。

#### jquery 对象与dom对象之间的转换

• var cr = $cr.get(0) || var cr = $cr[0]
• var $cr = $(cr)
  
  ### 判断jQuery对象存不存在
• 看其length是否为0
• 转化成dom对象观察
  
  ### 选择器
  
  ```js

1. $("div[title^=te]")
2. $("div[title$=est]")
3. $("div[title*=es]")
4. $("div[id][title*=es]") 组合选择器
5. $("div:visible")可见元素
6. $("div:hidden") 不可见元素
   
   ```

注意带空格表示后代 不带空格表示同级

• return false 可以组织a超链接跳转

    $(function () {
    $("button > a").click(function () {
        console.log("gg");
     return false;
    })
    })

  也可在a标签中herf="javascript:;"
  
  有一种情况例外 ： 在行内注册事件
  
  ```js
  
  
  
  <a href="#delete" onclick=cancelTrade("2222")>按钮
  
  
  
  function cancelTrade (id) {
  
  console.log(id);
  
  return false;
  
  }

#### 选择器还可以这样用

$('ul li').filter(":contains('佳能'),:contains("xmm"),:contains("jjjj")")
.addClass("promoted");

$('ul li:gt(5):not(:last)')
获取索引值大于5的品牌集合对象 除最后一项

event.type获取事件类型

$('a').click(function(event){
    alert(event.type);
    return false;
})

模拟用户操作

  $(function () {
        $('.two').click(function () {
            $('.two').append($('.one'))

        })
        $('.two').trigger("click")
    })

动画

if(!$(element).is(":animated")){
// 判断是否有动画 如果没有····
}

表单

$("input")只选择input标签.如：<input id="" type="" name="" /> 而
$(":input")是伪类选择，不单单是input，还包括textarea和select.如<input />,<textarea></textarea>,<select></select>

parent和parents的区别

jQuery中的parent()函数和parents()函数的区别是：[*]parent()函数是只往父级找一层；[*]parents()函数是往父级找多层，一直找到body标签。

eq和nth-child的区别

• eq为jquery的选择器 从0开始，只匹配所有的该元素的第几个元素

• nth-child()为css的选择器，匹配该元素父元素下的子元素的第一个，从一开始。
  
  #### 碰到特殊字符要转义

  <script type="text/javascript">
      $(function(){
          var $id_a  = $('#id.a');//jQuery对象
          var $id_b  = $('#id#b');//jQuery对象
          var $id_c =  $('#id[1]');   //jQuery对象
          alert( $id_a.html() );//这样会获取不到，输出null
          alert( $id_b.html() );//这样会获取不到，输出null
          alert( $id_c.html() );//这样会获取不到，输出null
  
          var $id_right_a  = $('#id\\.a');//jQuery对象,对特殊字符,我们转义一下
          var $id_right_b  = $('#id\\#b');//jQuery对象,对特殊字符,我们转义一下
          var $id_right_c  = $('#id\\[1\\]');             //对特殊字符，我们转义一下
          alert( $id_right_a.html() );//正确输出"aa"
          alert( $id_right_b.html() );//正确输出"bb"
          alert( $id_right_c.html() );//正确输出"cc"
      })
  </script>

  <div id="id.a">aa</div>
  <div id="id#b">bb</div>
  <div id="id[1]">cc</div>