首页 > Web开发 > 详细

jquery随记 17-07-26

时间:2017-07-26 19:10:31      阅读:191      评论:0      收藏:0      [点我收藏+]

一、引入

  ① 官网 http://jquery.com/download/ 下载 jquery(开发版/生产版);

  ② cdn(百度cdn:http://cdn.code.baidu.com/)引入:

    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>;

二、开始

  1、页面结构加载完成后执行script

  ① $(document).ready(function(){

        ……

    });

  ② $(function(){

    ……

    });

  2、jq对象与DOM对象

  ① jq转DOM

    var $cr = $(‘#cr‘);

    var cr = $cr[0];  或  var cr = $cr.get(0);

  ② DOM转jq

    var cr = document.getElementById(‘cr‘);

    var $cr = $(cr);

  3、jquery 与其他库的冲突

  ① jq 在其他库之后导入

    jQuery.noconflict();

    之后 $ 以 jQuery 代替,$ 解除占用。

 

jQuery(function($){

  内部继续使用 $ ;

})

采用传参的形式将实参jQuery 传递给 形参$

(function($){

  内部继续使用 $ ;

})(jQuery)

  或   自定义备用名

    var jq = jQuery.noconflict();

  ② jq 在其他库之前导入

    不需使用 noconflict() 函数,直接使用 jQuery(fucntion(){  }) 即可。

jquery随记 17-07-26

原文:http://www.cnblogs.com/hiker90/p/7241370.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!