jQuery中"$"的理解
Posted guhongying
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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>
以上是关于jQuery中"$"的理解的主要内容，如果未能解决你的问题，请参考以下文章