zoukankan      html  css  js  c++  java
  • 锋利的jq第一天

    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

        

  • 相关阅读:
    cookie
    12种JavaScript MVC框架之比较——转载
    页面响应式技巧-简摘
    js去除数组中的重复值
    js实现两个翻页联动的效果
    js实现多个滑动门在同一个页面展示效果
    清除行内元素之间的HTML空白
    getBoundingClientRect() 来获取页面元素的位置
    将div固定在页面某处 兼容ie6
    IE6实现max-height及min-height
  • 原文地址:https://www.cnblogs.com/QIQIZAIXIAN/p/6599597.html
Copyright © 2011-2022 走看看