jQuery编写简单的jQuery代码

// $('#foo') 和jQuery ('#foo') 是等价的

$(document).ready(function(){  // 等待Dom元素加载完毕
    alert("Hello World!");    // 弹出一个框
}



$(document).ready(function(){
        //........
});

//可以简写成
$(function()){
   // ...........
});
// jQuery可以编写 链式风格 
$(this).addClass("current").next().show().parent().siblings();
//    但jQuery代码本省也应该拥有良好的层次和规范这样才能进一步改善代码


//  var $variable = jQuery对象;
//   var variable = DOM对象;

一、jQuery对象转成DOM对象

jQuery提供了两种方法将一个jQuery对象转换成DOM对象,即[index]和get（index）

1.jQuery对象是一个类似数组的对象,可以通过[index]的方法得到相应的DOM对象.

2.另一种方法是jQuery本身提供的，通过get(index)方法得到相应的DOM对象

//第一种
var $cr = $("#cr"); //jQuery 对象
var cr = $cr.get(0);       // DOM对象
//第二种
var cr = $cr.[0]; 

// DOM对象装 jQuery对象
var cr = document.getElementById("cr");//DOM对象
var $cr = $(cr);  // jQuery对象

//转换后，可以任意使用jQuery中的方法.
// 通过以上方法，可以任意地相互转换jQuery对线和DOM对象
//只有DOM对象才能使用DOM中的方法,jQuery对象不能使用DOM中的方法
//但jQuery对象提供了一套更加完善的工具用于操作DOM

在jQuery库都被加载完毕后，可以在任何时候调用jQuery.noConflict()函数来将变量$的控制权移交给其他JavaScript库:

var $j = jQuery.noConflict();// 改变jQuery的快捷写法 - $j

//将 $变量的控制权 交给其他  类库

 

转载于:https://www.cnblogs.com/zzzzzzzsy/p/6837689.html