0、入口函数
$(document).ready(function(){
//...
});
//简写
$(function() {
//...
});
1、基本筛选器
$(first) //第一个元素
$(last) //最后一个元素
$(even) //索引为偶数的元素,从 0 开始
$(odd) //索引为奇数的元素,从 0 开始
$(eq(index)) //给定索引值的元素
2、过滤
$().eq(0) //index索引
$().first() //第一个元素
$().last() //最后一个元素
$().hasClass() //元素是否含有某个特定的类,返回布尔值
$().has() //包含特定后代的元素
4、查找
$().children() //每个子元素,第一层
$().find("span") //包含所有元素,子子孙孙
$().next() //紧邻元素后的一个同辈元素
$().nextAll() //元素之后所有的同辈元素
$().prev() //紧邻元素前的一个同辈元素
$().prevAll() //元素之前所有的同辈元素
$().parent() //每个元素的父元素
$().parents() //每个元素的所有祖先元素,body,html
$().siblings()
5、属性操作
---attr
$().attr("属性"); //返回属性值
$().attr("属性","属性值"); //设置属性
$().removeAttr("属性"); //将属性删除
---prop
$().prop("checked", true); //选中复选框
$().removeProp("属性");
6、添加类
$().addClass("类"); //()元素加上 class'' 类
$().removeClass("类"); //从()元素中删除 'class' 类
$().toggleClass("类"); //如果()存在就删除,否则就添加
7、CSS操作
$().css("属性");
$().css("属性","属性值");
$().css({ "属性": "属性值", "属性": "属性值" });
设置多个属性要用{}字典形式,多个属性值用class类。
8、文本值、读写
$().html(); //返回元素的html内容
$().html("值"); //设置元素的html内容
$().text(); //返回元素的文本内容
$().text("值"); //设置p元素的文本内容
$().val(); //获取文本框中的值
$().val("值"); //设置文本框中的内容
9、位置
$().offset()
$().offset().top
$().offset().left
$().position() //元素相对父元素的偏移,对可见元素有效 top:0,left:0
$(window).scrollTop() //获取滚轮滑的高度
$(window).scrollLeft() //获取滚轮滑的宽度
$(window).scrollTop('500') //设置滚轮滑的高度为500
10、尺寸
$().height(); //获取元素的高度
$().width(); //获取元素的宽度
$().innerHeight() //获取第一个匹配元素内部区域高度(包括补白、不包括边框)
$().innerWidth() //获取第一个匹配元素内部区域宽度(包括补白、不包括边框)
$().outerHeight() //匹配元素外部高度(默认包括补白和边框)
$().outerWidth() //匹配元素外部宽度(默认包括补白和边框)
$().outerHeight(true) //为true时包括边距
11、内部插入
$().append(); //元素内后面追加内容
$().appendTo(); //元素追加到()内后
$().prepend(); //元素内前面追加内容
$().prependTo(); //元素追加到()内前
12、外部插入
$().after(); //每个元素同级之后插入内容
$().before(); //在每个元素同级之前插入内容
$().insertAfter(); //所有元素插入到()元素的后面
$().insertBefore(); //所有元素插入到()元素的前面
13、替换/删除
$().replaceWith(); //将所有匹配的元素替换成指定的HTML或DOM元素
$().replaceAll(); //用匹配的元素替换掉所有
$().clone() //克隆元素并选中克隆的副本
$().clone(true)
$().delegate() //事件委托
14、事件
$().focus() //元素获得焦点时,触发 focus 事件
$().blur() //元素失去焦点时,触发 blur事件
$().hover()
$().change() //当元素的值发生改变时触发事件
$().submit() //当提交表单时触发事件
15、阻止事件冒泡
event.preventDefault() //阻止事件的默认行为(比如点击链接,会自动打开新页面)
event.stopPropagation() //停止事件向上层元素冒泡
16、
$.trim() //去除字符串两端的空格
$.each() //遍历一个数组或对象,for循环
玩转jQuery
最新推荐文章于 2021-11-18 21:20:11 发布