前端-JQ-常用

--------交互操作
$("p").toggle() - 切换显示并回调
$("p").hide(1000,function(){}) - 延迟隐藏并回调
$("p").show(1000,function(){}) - 延迟显示并回调
--------值操作
$("p").text() - 设置或返回所选元素的文本内容
$("p").html() - 设置或返回所选元素的内容(包括 HTML 标记)
$("p").val() - 设置或返回表单字段的值
$("p").attr("href") - 返回 href 属性的值
$("p").attr("href",'111') - 设置 href 属性的值
$("p").css("background-color") - 返回样式属性
$("p").css("background-color",'red') - 设置样式属性
--------dom操作
$('<div id="test">test</div>') - 创建节点
$("p").append() - 在被选元素的结尾插入内容
$("p").prepend() - 在被选元素的开头插入内容
$("p").after() - 在被选元素之后插入内容
$("p").before() - 在被选元素之前插入内容
$("p").remove() - 删除被选元素(及其子元素)
$("p").remove(".italic");删除 class="italic" 的所有 <p> 元素:
$("p").empty() - 从被选元素中删除子元素
--------样式操作
$("p").addClass() - 向被选元素添加一个或多个类
$("p").removeClass() - 从被选元素删除一个或多个类
$("p").toggleClass() - 对被选元素进行添加/删除类的切换操作

 

posted on 2020-07-15 15:47  xcc_20190625  阅读(128)  评论(0)    收藏  举报

导航