jQuery
jQuery是一个兼容多浏览器的、轻量级的JavaScript库
第一个标签中有src属性,代表引入外部文件,这个标签中不能再写了
核心函数的四个作用
\(指的就是jQuery,用\)更短,$可以替换成jQuery
四个作用:
- 传入参数为函数时,在文档加载完成后执行这个函数
- 传入参数为选择器字符串时,根据这个字符串查找元素节点对象
- 传入参数为HTML字符串时,根据这个字符串创建元素节点对象
var $li = $("<li>深圳</li>");
$("ul").append($li);
- 传入参数为DOM对象时,将DOM对象包装成jQuery对象返回
DOM对象与jQuery对象转换
//使用
//使用DOM对象调用jQuery方法
//需要把DOM对象->$(DOM)
$("#dom2jQuery").click(function() {
var div = document.getElementById("testDiv");
var $div = $(div);
alert($div.text());
});
//使用jQuery对象调用DOM方法
//需要把jQuery-> DOM: 将jQuery看成数组或集合
//$div[0] | $div.get(0)
$("#jQuery2dom").click(function(){
var $div = $("#testDiv");
alert($div[0].innerText);
alert($div.get(0).innerText);
});
选择器
直接看文档