3.jQuery两把利器之jQuery核心函数
2018-04-17 本文已影响2人
修卡录
1. 作为一般函数调用: $(param)
1). 参数为函数时 :代表的是当DOM加载完成后,执行此回调函数
就是$(function(){...}):类似于js里面的window.onload(但是不完全一样,后面总结)
2). 参数为选择器字符串: 查找所有匹配的标签, 并将它们封装成jQuery对象
3). 参数为DOM对象: 将dom对象封装成jQuery对象
4). 参数为html标签字符串 (用得少): 创建标签对象并封装成jQuery对象
2. 作为对象使用: $.xxx()
1). $.each() : 隐式遍历数组
2). $.trim() : 去除两端的空格
例子说明:
html 代码和图
![](https://img.haomeiwen.com/i3833496/62c1579bda961a55.png)
![](https://img.haomeiwen.com/i3833496/34cf978dc9240187.png)
需求1. 点击按钮: 显示按钮的文本, 显示一个新的输入框
$(function(){//绑定文档加载完成的监听
//给btn绑定事件监听
$("#btn").click(function(){
//显示按钮文本(两种表达)
alert($("#btn").html())
alert($(this).html())//this代表被封装的jquery对象的dom对象
//显示新的输入框
![](https://img.haomeiwen.com/i3833496/f6b765cb3725279f.png)
需求2. 遍历输出数组中所有元素值
//创建数组
var arr=[1,2,3,4,5];
//遍历数组
$.each(arr,function(){
console.log(this);
})
需求3. 去掉" hello World "两端的空格
var str=" hello World "
console.log("-----"+$.trim(str)+"-----")