JS和JQ之间的转换
1.从下面的代码可以看出jq的基本语法就是$();
2.需要用到对象,都是用$("标记名")的语法和元素ID来获取的
3.在这里不需要考虑函数同名的问题了,因为都已经绑定(已经限定了使用范围,不能通用了就不会出现同名问题了)了元素对象的事件,function(){}
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title></title>
<script type="text/javascript" src="../../js/jquery-1.11.0.js"></script>
<script>
function changeJS(){
var div = document.getElementById("div1");
$(div).html("转换JQ对象来修改内容");
}
-----------------------------------------------------------------------
$(function(){
//按钮绑定事件
$("#btn2").click(function(){
$("#div1").html("JQ方式成功修改内容")
});
});
</script>
</head>
<body>
<input type="button" value="JS修改div内容" onclick="changeJS()" />
<input type="button" value="JQ修改div内容" id="btn2" />
<div id="div1">
这里的内容一会要被JS和JQ代码改掉
</div>
</body>
</html>