jQuery中"$"的理解
JQuery(或者是$)既可以作为函数使用,也可以作为对象使用;当作为函数使用时,就类似于 $(function())这样的形式;当作为对象使用时就类似于$.each()带点调用的形式。
1.作为一般函数调用:$(param)
1). 参数为函数:当DOM加载完成后,执行此回调函数
2). 参数作为选择器字符串:查找所有匹配标签,并将它们封装成JQuery对象
3). 参数为DOM对象:将dom对象封装成JQuery对象
4). 参数为html标签字符串(用得少):创建标签对象并封装成jQuery对象
2. 作为对象使用 $.xxx()
1). $.each():隐式遍历数组
2). $.trim():去除两端的空格
jQuery读写合一,不传参数就是读,传参数就是写。
比如:
innerHTML在JS是双向功能:获取对象的内容 或 向对象插入内容;
如:<div id="aa">这是内容</div> ,我们可以通过 document.getElementById('aa').innerHTML 来获取id为aa的对象的内嵌内容;
也可以对某对象插入内容,如 document.getElementById('abc').innerHTML='这是被插入的内容'; 这样就能向id为abc的对象插入内容。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div>
<button id="btn">测试</button>
<br />
<input type="text" name="msg1" /><br />
<input type= "text" name="msg2" /><br />
</div>
<script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#btn").click(function(){ //绑定点击事件监听
// alert(this.innerHTML); //this是发生事件的dom元素,这里是button
// alert($(this).html()) //这个就是典型的 $函数的参数是DOM对象,会把dom对象封装成jQuery对象,后面的html()是jQuery对象的函数
$('<input type= "text" name="msg2" /><br />').appendTo('div'); //参数为html标签字符串(用得少):创建标签对象并封装成jQuery对象,html标签是有“<>”的
})
})
</script>
</body>
</html>