//1.查找元素节点
var $li = $("ul li:eq(1)");//获取<ul>里第2个<li>节点
var li_text = $li.text();//获取第2个<li>节点的文本内容
//2.attr()
var aa = $para.attr("tittle")//当一个参数时表示获取节点属性的title值
$para.attr("tittle","aaaaa")//两个参数时:设置或改变属性的值
//3. html() 方法
$(selector).html() //如果该方法未设置参数,则返回被选元素的当前内容。
$(selector).html(content)//当使用该方法设置一个值时,它会覆盖所有匹配元素的内容。
//4.removeAttr() 删除属性
$("p").removeAttr("tittle")//删除<p>元素的属性title
//5.remove() 从DOM中删除所有的匹配元素
var $li = $("ul li:eq(1)").remove();//获取第二个节点后,将它从网页中删除,此节点包含的子节点也会删除
//6.append() 在被选元素的结尾(仍然在内部)插入指定内容
$("p").append(" <b>Hello world!</b>");//在每个 p 元素结尾插入内容
//7.addClass() 向被选元素添加一个或多个类
$(selector).addClass(class)
//8. hasClass() 检查被选元素是否包含指定的 class 返回为true或false
$(selector).hasClass(class)
//9.removeClass() 方法从被选元素移除一个或多个类。
$(selector).removeClass(class)//如需移除若干类,请使用空格来分隔类名
//10.text() 同val() 无参数表示取得文本值,有参数为设置文本值
$(selector).text();
$(selector).text("12345678");
//11.wrap()把匹配的元素用指定的内容或元素包裹起来。
$("p").wrap("<div></div>");//将<p>用<div>包裹起来
JQuery的主要操作函数
最新推荐文章于 2023-01-07 11:01:49 发布