ID选择器{
$('#ID')
}
类选择器{
$('.class')
}
标签选择器{
$('div')
}
属性选择器
{
$("[属性名='值']") //等于值
$("[属性名^='值']") //开头
$("[属性名$='值']") //结尾
$("[属性名*='值']") //包含
}
位置选择器{
$("selector:fitst") //第一个
$("selector:last") //最后一个
$("selector:odd") //奇数
$("selector:even") //偶数
$("selector:eq(n)") //选择第n个
$("selector:gt(n)") //大于第n个,不包括第n个
$("selector:lt(n)") //小于第n个,不包括第n个
}
后代选择器{
$("selector li")
}
子代选择器{
$("selector>li")
}
遍历{
$("selector").each(function(){
...
});
}
$("selector").find("selector") //找子元素
$("selector").not("selector") //去除元素
$("selector").add("selector") //添加元素
元素宽高、窗口宽高{
$(选择器).width() //包含内边距的宽度
$(选择器).innerWidth() //不包含内边距的宽度
$(选择器).outerWidth() //包含外边距的宽度
$(选择器).height() //包含内边距的高度
$(选择器).innerHeight() //不包含内边距的高度
$(选择器).outHeigth() //包含外边距的高度
$(window).width() //浏览器的宽度
$(window).height() //浏览器的高度
}
内容操作{
$(选择器).val(); //文本框值
$(选择器).html(); //不过滤HTML标签
$(选择器).text(); //过滤HTML标签,只获取文本
}
属性操作{
$(选择器).attr(属性名,值)//单个值获取属性,两个值设置属性
}
事件绑定与去除{
$(选择器).事件名(函数)//删除函数
$(选择器).unbind(事件名, 函数)//添加事件
$(选择器).unbind(事件名, 函数)//删除事件
}
标签样式操作{
$(选择器).css(样式属性名,值);
$(选择器).addClass(类别样式名);
$(选择器).removeClass(类别样式名);
$(选择器).toggleClass(类别样式名);
}
节点造作{
$(选择器).append(html标签); //最后添加子元素
$(选择器).empty(); //删除所有子元素
$(选择器).remove(); //删除节点
$(选择器).before(); //之前添加(兄弟)
$(选择器).after(); //之后添加(兄弟)
}
标签动画{
$(选择器).animate({params}JS串,speed速度,callback回调函数)
$(选择器).slideDown(speed速度,callback回调函数)
$(选择器).slideUp(speed速度,callback回调函数)
$(选择器).show(speed速度,callback回调函数)
$(选择器).hide(speed速度,callback回调函数)
}
$(选择器).mousemove(function(e)){
e.pageX
e.pageY
}
Jquery基础快速学习(精简笔记)
最新推荐文章于 2022-06-30 17:13:01 发布