码迷,mamicode.com
首页 > Web开发 > 详细

jquery常用技能

时间:2019-02-05 13:01:18      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:包括   应用   返回   first   after   操作   append   lte   attr   

1,隐藏/显示元素有三种方式:

  (1$("p").css("display","none");

      $("p").css("display","block");

  (2$("p").hide();   “slow”,”fast”或者具体数值用来控制隐藏的快与慢

      $("p").show();

  (3style=”display:none”

           style=”display:block”

  (4$("p").toggle(); 显示和隐藏来回切换

 

2,bind()的用法:

 

 

3,获取内容

  • text() - 设置或返回所选元素的文本内容
  • html() - 设置或返回所选元素的内容(包括 HTML 标记)
  • val() - 设置或返回表单字段的值

 

4,添加文本内容(目前还不清楚前两个与后两个的区别)

  • append() - 在被选元素的结尾插入内容
  • prepend() - 在被选元素的开头插入内容
  • after() - 在被选元素之后插入内容
  • before() - 在被选元素之前插入内容

 

5,获取元素的属性的方法

  $("#w3s").attr("属性")

 

6,删除与清空元素(注意两者的区别)

  • remove() - 删除被选元素(及其子元素)
  • empty() - 从被选元素中删除子元素

 

7,元素类的添加与删除

  • addClass() - 向被选元素添加一个或多个类
  • removeClass() - 从被选元素删除一个或多个类
  • toggleClass() - 对被选元素进行添加/删除类的切换操作

 

8,元素样式的返回与设置

  $("p").css("background-color");

  $("p").css("background-color","yellow");

 

  今晚暂时先归纳到这里,明天再看jQuery尺寸

9,Jquery尺寸的所有方法

  • width()   返回元素的宽度
  • height() 返回元素的高度
  • innerWidth() 返回元素的宽度(包含内边距
  • innerHeight() 返回元素的高度(包含内边距
  • outerWidth() 返回元素的宽度(包含内边距,边框,外边距
  • outerHeight() 返回元素的高度(包含内边距,边框,外边距

 

10,祖先:.parent().parents().parentsUntil()的应用和区别

  .parent() 方法返回被选元素的直接父元素。

  .parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)。

  .parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。

11,后代:

  children() 方法返回被选元素的所有直接子元素。该方法只会向下一级对 DOM 树进行遍历。

  find() 方法返回被选元素的后代元素,一路向下直到最后一个后代。

12,同胞:

  siblings() 方法返回被选元素的所有同胞元素。

  next() 方法返回被选元素的下一个同胞元素。

  nextAll() 方法返回被选元素的所有跟随的同胞元素。

  nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。

  prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似,只不过方向相反而已:它们返回的是前面的同胞元素(在 DOM 树中沿着同胞元素向后遍历,而不是向前)。

13,过滤:

  first() 方法返回被选元素的首个元素。

  last() 方法返回被选元素的最后一个元素。

  eq() 方法返回被选元素中带有指定索引号的元素。索引号从 0 开始,因此首个元素的索引号是 0 而不是 1.

  filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回.

  not() 方法返回不匹配标准的所有元素。

jquery常用技能

标签:包括   应用   返回   first   after   操作   append   lte   attr   

原文地址:https://www.cnblogs.com/yanlinbo/p/10352646.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!