总结
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.
对函数调用 1)参数为函数:当DOM加载完成后,执行此回调函数 2)参数为选择器字符串:查找所有匹配的标签,并将他们封装成jQuery对象 3)参数为DOM对象:将dom对象封装成jQuery对象 4)参数为html标签字符串(少):创建标签对象并封装成jQuery对象 2.
对函数调用1)参数为函数:当DOM加载完成后,执行此回调函数2)参数为选择器字符串:查找所有匹配的标签,并将他们封装成jQuery对象3)参数为DOM对象:将dom对象封装成jQuery对象4)参数为html标签字符串(少):创建标签对象并封装成jQuery对象2.对对象调用:
.
x
x
x
(
)
1
)
.xxx() 1)
.xxx()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>