Window.onload=function(){
//页面加载,不能同时编写多个，最后面的会覆盖前面的
}
$(document).ready(function(){
//页面加载,能同时编写多个
});
相当于
$(function(){
//页面加载,能同时编写多个9
});
$(“#foo”).html()
相当于
Document.getElementById(“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.getElementById(“cr”);//获取dom对象
var $cr=$(cr); //jquery对象
jquery如果和prototype 类库有冲突，jquery的$用jquery代替
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>冲突解决1</title>
<!-- 引入 prototype -->
<script src="prototype-1.6.0.3.js" type="text/javascript"></script>
<!-- 引入 jQuery -->
<script src="jquery-1.3.1.js" type="text/javascript"></script>
</head>
<body>
<p id="pp">test---prototype</p>
<p >test---jQuery</p>
<script type="text/javascript">
jQuery.noConflict(); //将变量$的控制权让渡给prototype.js
jQuery(function(){ //使用jQuery
jQuery("p").click(function(){
alert( jQuery(this).text() );});
});
$("pp").style.display = 'none'; //使用prototype
</script>
</body>
</html>
第二种方法
<body>
<p id=“pp”>测试prototype</p>
<p >测试jQuery</p>
<script type="text/javascript">
var $j = jQuery.noConflict(); //自定义一个比较短快捷方式，定义$j代替$
$j(function(){ //使用jQuery
$j("p").click(function(){
alert( $j(this).text() );
});
});
$("pp").style.display = 'none'; //使用prototype
</script>
</body>
如果 jQuery在其他库之前导入
如果jQuery在其他库之前就导入了，那么不用使用jQuery.noConflict函数，可直接使用jQuery或他的快捷方式$ 来工作了
jquery
posted @ 2011-11-06 14:11 许乐 阅读(275) | 评论 (1) 编辑 |
posted @ 2011-11-05 12:50 许乐 阅读(1674) | 评论 (0) 编辑 |
posted @ 2011-11-03 19:46 许乐 阅读(2489) | 评论 (1) 编辑 |
posted @ 2011-11-03 19:36 许乐 阅读(6327) | 评论 (0) 编辑 |
posted @ 2011-11-03 14:31 许乐 阅读(890) | 评论 (0) 编辑 |
posted @ 2011-11-01 19:09 许乐 阅读(301) | 评论 (0) 编辑 |
posted @ 2011-10-31 19:48 许乐 阅读(2293) | 评论 (0) 编辑 |
posted @ 2011-05-14 10:20 许乐 阅读(75) | 评论 (0) 编辑 |
posted @ 2011-04-16 18:10 许乐 阅读(134) | 评论 (0) 编辑 |
posted @ 2011-04-12 14:24 许乐 阅读(183) | 评论 (0) 编辑 |
posted @ 2011-04-11 22:02 许乐 阅读(82) | 评论 (0) 编辑 |
posted @ 2011-04-08 12:47 许乐 阅读(43) | 评论 (0) 编辑 |
posted @ 2011-04-07 17:03 许乐 阅读(155) | 评论 (0) 编辑 |
posted @ 2011-03-10 13:30 许乐 阅读(2173) | 评论 (0) 编辑 |