如何使用jQuery?
1.引入jQuery文件
2.写一个入口函数
3.找到你要操作的元素(jQuery选择器),去操作他(给他添加属性,样式,文本。。。)
$(document).ready(function() {
$('div').width(100).height(100).css('backgroundColor','red').text('哈哈');//链式编程
});
jQuery两种写法?
$(document).ready(fnuction() {
});
$(fnuction() {
});
jQuery入口函数和window.onload入口函数的区别:
1.window.onload入口函数不能写多个,但是jQuery的入口函数是可以写多个的
2.执行时机不同:jQuery入口函数要快于window.onload , jQuery入口函数要等待页面上dom树加载完后执行,window.onload要等待页面上所有的资源(dom树、外部css、js连接,图片)都加载完毕后执行。
dom对象转换成jQuery对象?
var div1 = document.getElementById("one");
var $div1 = $(div1);
jQuery对象转换成dom对象
1.使用下标取出来
var $divs = $('div');
var div1 = $divs[0];
2.使用jQuery的方法 get();
var div2 = $divs.get(1);