1. 点击事件:$(“button”).clik(function(){ });
2. 删除事件:$(“元素”).remove();
3. 修改文本:$(“元素”).html(<b>文本内容</b>);
4. 获取内容:$(“元素”).text();取得所有匹配元素的内容
5. 获取当前值:$(“元素”).val);获取第一个匹配元素的当前值
6. 移动事件:$(“元素”). appendTo(“元素”);
7. 复制事件:$(“元素”).clone();
8. 查找事件:$(“元素”).find();
9. 添加class属性:$(“元素”).addClass(“属性1 属性2 属性3”);
10. 选取父元素:$(“元素”).parent();
选取子元素:$(“元素”).children();
选取兄弟元素:$(“元素”).sibling();
选取第几个子元素:$(“元素前缀:nth-child(n)”).操作();
选取偶数元素:$(“元素前缀:even”).操作();
选取奇数元素:$(“元素前缀:odd”).操作();
11. 显示/隐藏事件:bind();
语法:$(“元素”).blind(“事件”,function(){ });
$(“元素”).blind(事件:function(){ },事件:function(){ });
12. Bind(type,[data],fn):为每一个匹配元素的特定时间绑定一个时间处理函数
Type:事件类型
Data:event.data属性值传递给事件的额外数据对象
Fn:事件处理函数
13. One(type,[data],fn):绑定一个只执行一次的事件处理函数
14. 滑动效果显隐替换:slideToggle();
15. 聚焦/失焦:focus()/blur();
16. 改变事件:change() 进用于文本域,以及textarea和select元素
17. 隐藏事件:delegate()
语法:$(“父元素”).delegate(“子元素”,“事件”,function(){ })
18. 添加事件:insertafter()/insertbefore():在哪个后面添加或者前面添加
语法:$(“新增内容”).insertafter(“元素”);
19. 查找和筛选元素
1) Filter(expr):筛选处于执行表达式匹配的元素的集合
$(function(){
$("#testbutton").click(function(){
$("p").filter("#first").css("background-color","pink");
});
});
2) hasClass(“class”):检查元素是否含有某个特定的类
3) each(“p”):遍历页面上所有的p标签
4) eq(index):获取第n个元素,元素的位置是从开始的
5) slice(start,[end]):选取一个匹配的子集
6) next():获取包含匹配的元素集合中每一个元素紧邻的后面的同级元素的集合。
7) 过滤器的函数还可以是Function,如果是Function,筛选出与指定的返回值匹配的元素的集合。
$(function(){
$("#testbutton").click(function(){
$("p").filter(function(){
return $(this).hasClass("first")?"first":"";
}).css("background-color","red");
});
});