一些jquery技巧

Window.onload=function(){

//页面加载,不能同时编写多个，最后面的会覆盖前面的

}

$(document).ready(function(){

//页面加载,能同时编写多个

});

相当于

$(function(){

//页面加载,能同时编写多个9

});

$(“#foo”).html()

相当于

document.getElementByIdx_x(“foo”).innerHTML;

Jquery对象转换成dom对象

第一种方法：

Var $cr=$(“#cr”);//jquery对象

Var cr=$cr[0];//dom对象

Alert (cr.checked);

第二种方法,通过get方法

Var $cr=$(“#cr”);//jquery对象

Var cr=$cr.get(0);//dom对象

Alert (cr.checked);

Dom对象转换成jquery对象用 $(
) 把对象包装起来

var cr=document.getElementByIdx_x(“cr”);//获取dom对象

var $cr=$(cr); //jquery对象

jquery如果和prototype 类库有冲突，jquery的$用jquery代替

 

 

 

冲突解决1





 

 

 

test---prototype

 

test---jQuery



jQuery.noConflict(); //将变量$的控制权让渡给prototype.js

jQuery(function(){ //使用jQuery

jQuery("p").click(function(){

alert( jQuery(this).text() );});

});

$("pp").style.display = 'none'; //使用prototype

 

 

 

 

 

 

 

 

第二种方法

 

 

测试prototype

 

测试jQuery



var $j = jQuery.noConflict(); //自定义一个比较短快捷方式，定义$j代替$

$j(function(){ //使用jQuery

$j("p").click(function(){

alert( $j(this).text() );

});

});

$("pp").style.display = 'none'; //使用prototype

 

 

 

如果 jQuery在其他库之前导入

如果jQuery在其他库之前就导入了，那么不用使用jQuery.noConflict函数，可直接使用jQuery或他的快捷方式$ 来工作了