首页 > Web开发 > 详细

《锋利的Jquery第二版》读书笔记 第一章

时间:2014-02-06 01:56:57      阅读:389      评论:0      收藏:0      [点我收藏+]

按照书本介绍顺序整理jquery库相关的语法、要点。

window.onload与$(document).ready()功能类似,前者需要所有资源加载完毕,且不能同时编写多个;后者加载完DOM结构即执行,且可编写多个按序执行。

 

链式结构(注意代码隔行及备注)

bubuko.com,布布扣
$(".level > a").click(function(){
   $(this).addClass("current")
.next().show()
.parent().sibling().children("a").removeClass("current")
.next().hide();
return false; })
bubuko.com,布布扣

 

jquery对象是类似数组的对象,可通过[index]和get(index)转换为DOM对象,如

var $a = $("#b")
var c   = $a[0]


var $a = $("#b")
var c   = $a.get(0)

DOM对象转换为jquery对象只需把DOM对象用$()包装起来即可,如

var sdf = document.getElementById("sdf");
var $cr =$(sdf)

 

解决不同库之间的冲突,分为以下两种情况:

1.jquery库在其他库之后导入

调用jQuery.noConflict()函数将$的控制权移交给其他JavaScript库,jquery库则不使用快捷键或重新自定义快捷键,如

bubuko.com,布布扣
jQuery("p").click(function(){
      .........//一些代码
      })



var $j = jQuery.noConflict(); //自定义一个快捷方式
      $j("p").click(function(){
     .........//一些代码
})
bubuko.com,布布扣

此外,只在jquery内部继续使用$快捷键或把jQuery作为参数传递给函数也可避免冲突。

2.jQuery库在其他库之前导入

jquery不必调用jQuery.noConflict()移交$控制权,可直接使用jQuery(),也就是说后导入的库总是能覆盖前一个库取得$控制权

《锋利的Jquery第二版》读书笔记 第一章

原文:http://www.cnblogs.com/sdgjytu/p/3538384.html

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