jQuery学习：jQuery函数的使用

最新推荐文章于 2024-04-27 11:01:24 发布

¡Venceremo

最新推荐文章于 2024-04-27 11:01:24 发布

阅读量495

点赞数

分类专栏： jquery 文章标签： jquery 学习前端

本文链接：https://blog.csdn.net/weixin_47295886/article/details/127747160

版权

jquery 专栏收录该内容

56 篇文章 1 订阅

订阅专栏

1、$作为一般参数调用：$(parm)

参数为函数：当DOM加载完成后，执行回调函数

参数为选择器字符串：查找所有匹配的标签，并将他们封装成jQuery对象

参数为DOM对象：将DOM对象封装成jQuery对象

参数为HTML标签字符串（用的少）：创建标签对象并封装成jQuery对象

$('<input type="text" name="msg2"><br>')在内存中

appendTo在页面中

	<script src="js/jquery-3.6.1.js"></script>

	<body>
		<div>
			<button id="btn">测试</button>
			<br>
			<input type="text" name="msg1"><br>
			<input type="text" name="msg2"><br>
		</div>
		<script>
			//1参数为函数DOM加载完成后，执行回调函数
			$(function() { //绑定文档加载完成后的监听
				//2参数为选择器字符串：查找所有匹配的标签 
				//返回的是jQuery对象
				$('#btn').click(function() { //绑定点击事件 回调函数
					//this是发生事件的DOM元素button
					//alert(this.innerHTML)
					//3参数为DOM对象：将DOM对象封装成jQuery对象
					alert($(this).html());
					//4参数为HTML标签字符串（用的少创建标签对象并封装成jQuery对象
					$('<input type="text" name="msg2"><br>').appendTo('div')
				})
			})
		</script>

点击按钮显示按钮中的文本并且新建表单对象

2、作为对象使用：$.()

$.each():隐式遍历数组

	            var a=[1,2,3,4,56,7];
				$.each(a,function(index,item){
					console.log(index,item)
				})

$.trim():去除两端的空格

                var str="     d ff        ";
				console.log(str);
				console.log($.trim(str));
                console.log(str.trim());//原生的方法

¡Venceremo

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jQuery学习：jQuery函数的使用

参数为HTML标签字符串（用的少）：创建标签对象并封装成jQuery对象。$('')在内存中。参数为选择器字符串：查找所有匹配的标签，并将他们封装成jQuery对象。参数为DOM对象：将DOM对象封装成jQuery对象。$.each():隐式遍历数组。$.trim():去除两端的空格。点击按钮显示按钮中的文本并且新建表单对象。1、$作为一般参数调用：$(parm)2、作为对象使用：$.()appendTo在页面中。
复制链接

扫一扫