您的位置：首页 > Web前端 > JQuery

javascript实践-Jquery之Jquery对象与DOM对象

2014-12-16 23:23 232 查看

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对象用$(
)把对象包装起来

varcr=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>



<script src="prototype-1.6.0.3.js"type="text/javascript"></script>



<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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航