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>

 

posted @ 2019-05-09 22:48  一去二三浪里小白龙  阅读(2111)  评论(0编辑  收藏  举报
//增加一段JS脚本,为目录生成使用