xcc3306

前端-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() - 对被选元素进行添加/删除类的切换操作

 

分类:

技术点:

相关文章:

  • 2021-12-10
  • 2021-11-07
  • 2021-12-27
  • 2021-11-28
  • 2021-08-31
  • 2021-12-02
  • 2021-12-04
  • 2022-12-23
猜你喜欢
  • 2021-08-02
  • 2021-09-28
  • 2021-11-19
  • 2021-12-29
  • 2022-01-31
  • 2022-01-31
  • 2021-06-29
相关资源
相似解决方案