1、jQuery函数
<!DOCTYPE html>
<html>
<head>
<title>jQuery函数</title>
</head>
<body>
<div>
<button id="ll">测试</button>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script>
$(function(){//1、参数为函数,DOM执行完后,执行回调函数
$('#ll').click(function(){//2、参数为选择器字符串
//this表示id为ll的元素,html()等于js中的innerHTML
alert($(this).html())//3、参数为DOM对象
//appendTo方法是添加,这里是将语句添加到div标签下
$('<input type="text"/><br>').appendTo('div')//4、参数为html语句
})
})
</script>
</body>
</html>
2、jQuery对象
<!DOCTYPE html>
<html>
<head>
<title>jQuery对象</title>
</head>
<body>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script type="text/javascript">
//遍历数组
var a=[1,"yy","iii","yy"]
//jQuery对象的each方法遍历数组
//a为数组名,i表示数组下标,n表示数组元素
//i和n可以自由定义
$.each(a,function(i,n){
console.log(i,n)//console.log()方法表示控制台显示
})
//去前后空格
var b=" ll "
//jQuery对象的trim方法去除前后空格
//b为字符串的名称
console.log("---"+$.trim(b)+"---")
</script>
</body>
</html>