锋利的jq第一天

时间:2021-03-25 21:17:22

1.window.onload和$(function(){})

  执行时机:win要等网页中所有都加载完执行(包括图片),$等dom加载完就执行(与dom关联的可能没加载完);

  执行次数:win只加载一次且只执行后面一次,$都会执行;

2.jq对象和dom对象的方法不可以互相使用

  jq转dom:[index]或get(index)

  dom转jq:$(dom对象)

3.判断input框是否被选中

  a.input.checked   b.$input.is(":checked")

4.jq和其他库的冲突

  A.jq在其他库之后引入;

     jQuery.noConflict()//释放$权利,调用这个的为jq (如果有更多js冲突可以自定义命名,释放$权利eg:var $j=jQuery.noConflict())

     $("div").style.display="none"//获得$权利的js

   方法二:在函数内部使用$

  jQuery.noConflict();

  jQuery(function($){})

 方法四:定义匿名函数并设置形参$

  (function($){

  $(function(){})

  })(jQuery)

  B.jq在其他库之前引入

  直接用jQuery,无需调用jQuery.noConflict();其他库还是用$ 

  jQuery(function(){
   jQuery(".dui").on("click",function(){
   alert("a");
   })
  })

5.jq获取元素及时页面不存在此元素也不会因此报错

所以:不能通过$("el")来判断元素存不存在,可以通过length属性判断,也可以转化为dom来判断

6.隔行变色可以用奇偶过滤选择器odd和even