一.Jquery函数的使用
- 作为一般函数调用:
$(param)
(1)参数为函数:当DOM加载完成后,执行此回调函数
(2)参数为选择器字符串:查找所有匹配的标签,并将他们封装成jquery对象
(3)参数为DOM对象:将dom对象封装成jquery对象
(4)参数为html标签字符串(用的少):创建标签对象并封装成jquery对象 - 代码实践
需求1:点击按钮,显示按钮:显示按钮的文本,显示一个新的输入框
// 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="msg3"/><br/>').appendTo('div');
})
})
效果如下:
实现效果前:
实现效果后:
(2)需求2:遍历输出数组中所有元素
需求3.去掉” my atguigu“两端的空格
var arr=[2,4,7];
//1)$.each():隐式遍历函数
$.each(arr,function (index,item) {
console.log(index,item);
})
//2)$.trim():去除两边的空格
var str=' my guigu ';
//console.log('----'+str.trim()+'---')
console.log('---'+$.trim(str)+'---');
效果如下: