1.获取元素的属性:
attr(name);
2.设置元素的属性:
attr(key, value);
attr({key0 : value0, key1 : value1});
3.删除元素的属性:
removeAttr(name);
获取和设置元素的内容:
html();
html(val);
text();
text(val);
获取和设置元素值:
val();
val(value);
获取多个selector标记中的多个选项值:val().join(",")
元素样式操作:
css(name, value);
addClass("class");
addClass("class0 class1 ...");
addClass("class0 class1 ...");
切换元素css类别:
toggleClass("class");
删除元素css类别:
removeClass("class"); // 参数可为空
创建节点元素:
$("html");
内部插入节点:
append(content | function(index,html)); 追加内容到后面
appendTo(content); // content表示被追加的内容
prepend(content | function(index,heml)); 追加内容到前面
prependTo(content); // content表示用于选择元素的JQuery表达式
外部插入节点:
after(content | function) content | function返回值 表示插入元素外后面的内容
beforer(content | function) content | function返回值 表示插入元素外前面的内容
insertAfter(content) 将所选的元素插入另一个指定的元素后面
insertBeforer(content) 将所选的元素插入另一个指定的元素前面
复制元素节点:
clone(); 复制匹配的DOM元素并且选中复制成功的元素,该方法仅复制元素本身,被复制的新元素不具有任何元素行为。
clone(true); 被复制的新元素具有元素行为。
替换元素节点:
replaceWith(content); 将所有选择的元素替换成指定的HTML或DOM元素,其中content为被所选择元素替换的内容。
replaceAll(selector); 将所有选择的元素替换成指定selector的元素,其中selector为需要被替换的元素。
包裹元素节点:
wrap(html | elem | function); 把所有选择的元素用其他 字符串/DOM元素/函数返回代码 代替代码包裹起来。
unwrap(); 移除所选元素的父元素或包裹标记
wrapAll(html | elem); 把所选的元素用单个元素包裹起来
wrapInner(html | elem | function); 把所有选择元素的子内容(包括文本节点)用 DOM元素/function返回的代码 包裹起来
遍历元素:
each(callback); callback是一个函数,callback函数还可以接受一个index形参,该形参为遍历元素的序号(从0开始)
例:$("img").each(function(index){...});
删除页面元素:
remove([expr]); 其中expr为可选项,如果接受参数,则该参数为筛选元素的jQuery表达式,通过该表达式获取指定的元素,并进行删除。
empty(); 清空所选的页面元素或所有的后代元素,并非删除节点和元素,仅仅可以“清空”全部的节点或节点所包括的所有后代元素。