jQuery(二)
方法 | 描述 |
---|
attr() | 设置或返回被选元素的属性值 |
removeAttr(name) | 从每一个匹配的元素中删除一个属性 |
prop() | 获取在匹配的元素集中的第一个元素的属性值。 |
removeProp(name) | 用来删除由.prop()方法设置的属性集 |
方法 | 描述 |
---|
append() | 向每个匹配的元素内部追加内容 |
appendTo(content) | 把所有匹配的元素追加到另一个指定的元素元素集合中 |
prepend() | 向每个匹配的元素内部前置内容 |
prependTo(content) | 把所有匹配的元素前置到另一个、指定的元素元素集合中 |
2.外部插入
方法 | 描述 |
---|
after() | 在每个匹配的元素之后插入内容 |
before() | 在每个匹配的元素之前插入内容 |
insertAfter(content) | 把所有匹配的元素插入到另一个、指定的元素元素集合的后面 |
insertBefore(content) | 把所有匹配的元素插入到另一个、指定的元素元素集合的前面 |
注意:
insertAfter(content):这个方法是颠倒了常规的$(A).after(B)的操作,即不是把B插入到A后面,而是把A插入到B后面
insertBefore(content):这个方法是颠倒了常规的$(A).before(B)的操作,即不是把B插入到A前面,而是把A插入到B前面。
3.包裹
方法 | 描述 |
---|
wrap() | 把所有匹配的元素用其他元素的结构化标记包裹起来 |
unwrap() | 移出元素的父元素。这能快速取消 .wrap()方法的效果。匹配的元素(以及他们的同辈元素)会在DOM结构上替换他们的父元素 |
wrapAll(html) | 将所有匹配的元素用单个元素包裹起来 |
wrapInner(html) | 将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来 |
4.替换
方法 | 描述 |
---|
replaceWith() | 将所有匹配的元素替换成指定的HTML或DOM元素 |
replaceAll(selector) | 用匹配的元素替换掉所有 selector匹配到的元素 |
5.删除
方法 | 描述 |
---|
empty() | 删除匹配的元素集合中所有的子节点 |
remove([expr]) | 从DOM中删除所有匹配的元素 |
detach([expr]) | 从DOM中删除所有匹配的元素 |
注意:
expr:用于筛选元素的jQuery表达式
6.复制
方法 | 描述 |
---|
clone([Even[,deepEven]]) | 克隆匹配的DOM元素并且选中这些克隆的副本 |
注意:
Events[,deepEvents]
1.一个布尔值(true 或者 false)指示事件处理函数是否会被复制
2.一个布尔值,指示是否对事件处理程序和克隆的元素的所有子元素的数据应该被复制
方法 | 描述 |
---|
offset() | 获取匹配元素在当前视口的相对偏移 |
position() | 获取匹配元素相对父元素的偏移 |
scrollTop() | 获取匹配元素相对滚动条顶部的偏移 |
scrollLeft() | 获取匹配元素相对滚动条左侧的偏移 |
注意:
position():返回的对象包含两个整型属性:top 和 left
scrollTop() 和scrollLeft():此方法对可见和隐藏元素均有效
方法一
<div on事件名="函数名()">
方法二
JQ对象.事件名(
function(){
}
);
方法三
JQ对象.on('事件名',function(event){
event事件源
});
/*
1.var func = function(){
};
JQ对象.on('事件名',func);
2.JQ对象.off("事件名",func);
*/
方法四
JQ对象.one();//为每一个匹配元素的特定事件(像click)绑定一个一次性的事件处理函数
2.触发事件
trigger(type,[data]):在每一个匹配的元素上触发某类事件
type:一个事件对象或者要触发的事件类型
data:传递给事件处理函数的附加参数