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());//原生的方法