jquery学习1

(1)
入口函数:
文档加载完毕后再图片加载前执行:
$(document).ready(function(){
});
$(function(){
})
文档和图片加载完毕后才调用
window.onload = function(){
}
$(window).ready(function(){
});
区别:js的onload只能出现一次
jquery可以出现多次
(2)
获取元素
$("div");
(3)
事件绑定
事件源.方法(function(){
});
(4)
$ === jquery相等
jquery可以用$代替
(5)
js对象转换为jquery对象:$(js对象)
jquery转换为js对象: $("#div")[0] $("#div").get[0]
(6)
筛选选择器:
$("ul").find("li").css();
$("ul").childern("li").css();//亲儿子
$("li").eq()//在数组里的第几个
$("div").next()//选择一个兄弟元素
$("div").siblings()//选择所有兄弟元素
$("div").parent();//父元素
(7)
样式操作:
设置属性:
$("div").css(json);
操作方法:
$("div").css();
(8)
类操作:
添加类:
$("div").addclass("");
删除类:
$("div").removeClass("");
有没有类名:
$("div").hasClass("");
切换类:
$("div").toggleClass("");

posted @ 2017-02-13 10:26  赵小妖  阅读(127)  评论(0编辑  收藏  举报