1、$作为一般参数调用:$(parm)
参数为函数:当DOM加载完成后,执行回调函数
参数为选择器字符串:查找所有匹配的标签,并将他们封装成jQuery对象
参数为DOM对象:将DOM对象封装成jQuery对象
参数为HTML标签字符串(用的少) :创建标签对象并封装成jQuery对象
$('
')在内存中
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对象
- $('
').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());//原生的方法
