1.作为一般函数调用：$(param)
1）.参数为函数：当DOM加载完成后，执行此回调函数
2）.参数为选择器字符串：查找所有匹配的标签，并将它们封装成jQuery对象
3）.参数为DOM对象：将dom对象封装成jQuery对象
4）.参数为HTML标签字符串（用得少）：创建标签对象并封装成jQuery对象
2.作为对象使用：$.xxx()
1）.$.each()：隐式遍历数组
2）.$.trim()：去除两端空格
代码讲解示例：
<!DOCTYPE html>
<html>
<head>
<title>jQuery核心函数使用</title>
<meta charset="utf-8">
<script type="text/javascript" src="jquery-3.4.1/jquery-3.4.1.js"></script>
</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">
//需求1：点击按钮，显示按钮文本，显示一个新的输入框
//参数为函数：当DOM加载完成后，执行此回调函数
$(function(){ //绑定文档加载完成的监听
//参数为选择器字符串：查找所有匹配的标签，并将它们封装成jQuery对象
$('#btn').click(function(){ //绑定点击事件监听
//this是发生事件的dom元素（<button>）
alert(this.innerHTML);
//参数为DOM对象：将dom对象封装成jQuery对象
alert($(this).html());
//参数为HTML标签字符串（用得少）：创建标签对象并封装成jQuery对象
$('<input type="text" name="msg3"/><br/>').appendTo('div');
})
})
//需求2：数组遍历
//$.each()：隐式遍历数组
var arr = [2,4,7];
$.each(arr,function(index,item){ //下标和值
consloe.log(index,item)
});
//$.trim()：去除两端空格
var str = ' my atguigu ';
console.log('----'+str.trim()+'----') //原生
console.log('----'+$.trim(str)+'----') //jQuery
</script>
</body>
</html>
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
