jQuery中函数与对象

最新推荐文章于 2022-04-30 08:02:10 发布

前端学习小分队

最新推荐文章于 2022-04-30 08:02:10 发布

阅读量139

点赞数

文章标签：前端 jquery

本文链接：https://blog.csdn.net/weixin_45215652/article/details/121581214

版权

总结
1. $对函数调用 1 ）参数为函数：当 D O M 加载完成后，执行此回调函数 2 ）参数为选择器字符串：查找所有匹配的标签，并将他们封装成 j Q u e r y 对象 3 ）参数为 D O M 对象：将 d o m 对象封装成 j Q u e r y 对象 4 ）参数为 h t m l 标签字符串（少）：创建标签对象并封装成 j Q u e r y 对象 2 .$ 对对象调用： $. x x x () 1 ）$ .each()：隐式遍历数组
2）$.trim()：去除两端空格

<!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 type="text/javascript" src="JS/jquery-1.12.3.js"></script>
		<script type="text/javascript">
		// 1.点击按钮显示按钮文本，显示一个新的输入框
			$(function(){ //绑定文档加载完成时的监听
				$('#btn').click(function(){//绑定点击事件监听
				//this是发生事件的DOM元素
				// alert(this.innerHTML);
				//参数可以是函数，选择器字符串，DOM元素，标签字符串
				alert($(this).html());
				$('<input type="text" name="msg3"/><br/>').appendTo('div');
				});
			});
		// 2.遍历输出数组中所有元素
		// each遍历对象和数组
		var arr = [2,4,7];
		$.each(arr,function(index,item){
			console.log(index,item);
		})
		// 3.去掉my jQuery两端空格
		// trim去除两边空格
		var str = '   my jQuery   ';
		// console.log('---'+str.trim()+'---');
		console.log('---'+$.trim(str)+'---');
		</script>
		<!-- 总结
		1.$对函数调用
			1）参数为函数：当DOM加载完成后，执行此回调函数
			2）参数为选择器字符串：查找所有匹配的标签，并将他们封装成jQuery对象
			3）参数为DOM对象：将dom对象封装成jQuery对象
			4）参数为html标签字符串（少）：创建标签对象并封装成jQuery对象
		2.$对对象调用：$.xxx()
			1）$.each()：隐式遍历数组
			2）$.trim()：去除两端空格
		 -->
	</body>
</html>

前端学习小分队

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery中函数与对象

总结1.对函数调用1）参数为函数：当DOM加载完成后，执行此回调函数2）参数为选择器字符串：查找所有匹配的标签，并将他们封装成jQuery对象3）参数为DOM对象：将dom对象封装成jQuery对象4）参数为html标签字符串（少）：创建标签对象并封装成jQuery对象2.对函数调用 1）参数为函数：当DOM加载完成后，执行此回调函数 2）参数为选择器字符串：查找所有匹配的标签，并将他们封装成jQuery对象 3）参数为DOM对象：将dom对象封装成jQuery对象 4）参数为ht
复制链接

扫一扫