jquery中$的理解

最新推荐文章于 2022-10-29 21:05:48 发布

weixin_46400072

最新推荐文章于 2022-10-29 21:05:48 发布

阅读量154

点赞数

本文链接：https://blog.csdn.net/weixin_46400072/article/details/104975124

版权

JQuery（或者是$）

一.作为一般函数调用：$(param)

参数为函数：当DOM加载完成后，执行此回调函数 $(function(){})
参数作为选择器字符串：查找所有匹配标签，并将它们封装成JQuery对象
参数为DOM对象：将dom对象封装成JQuery对象
参数为html标签字符串（用得少）：创建标签对象并封装成jQuery对象

二. 作为对象使用 $.xxx()

$.each()：遍历数组
$.trim()：去除字符串两端的空格

<!DOCTYPE html>
<html>
	<head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div>
        	<button id="btn">点击</button>
        </div>
        <script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script>
        <script>
            $(function(){
                $("#btn").click(function(){  //绑定点击事件
					alert(this.innerHTML); //this是发生事件的dom元素，这里是button
					alert($(this).html()); //$函数的参数是DOM对象，会把dom对象转化成jQuery对象,后面的html()是jQuery对象的方法
               		$('<input type= "text">').appendTo('div');  //参数为html标签字符串,创建标签对象并转化成jQuery对象
                })
            })
        </script>
    </body>
</html>

weixin_46400072

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery中$的理解

JQuery（或者是$）一.作为一般函数调用：$(param)参数为函数：当DOM加载完成后，执行此回调函数 $(function(){})参数作为选择器字符串：查找所有匹配标签，并将它们封装成JQuery对象参数为DOM对象：将dom对象封装成JQuery对象参数为html标签字符串（用得少）：创建标签对象并封装成jQuery对象二. 作为对象使用 $.xxx()$.e...
复制链接

扫一扫