jquery属性,遍历,HTML操作方法详解
投稿:jingxian
Jquery属性遍历、HTML操作。
Jquery拥有可操作HTML元素和属性的强大方法。
下面是我整理的一些jquery遍历函数:
| 
       .add()  | 
      
       将元素添加到匹配元素的集合中。  | 
    
| 
       .andSelf()  | 
      
       把堆栈中之前的元素集添加到当前集合中。  | 
    
| 
       .children()  | 
      
       获得匹配元素集合中每个元素的所有子元素。  | 
    
| 
       .closest()  | 
      
       从元素本身开始,逐级向上级元素匹配,并返回最先匹配的祖先元素。  | 
    
| 
       .contents()  | 
      
       获得匹配元素集合中每个元素的子元素,包括文本和注释节点。  | 
    
| 
       .each()  | 
      
       对 jQuery 对象进行迭代,为每个匹配元素执行函数。  | 
    
| 
       .end()  | 
      
       结束当前链中最近的一次筛选操作,并将匹配元素集合返回到前一次的状态。  | 
    
| 
       .eq()  | 
      
       将匹配元素集合缩减为位于指定索引的新元素。  | 
    
| 
       .filter()  | 
      
       将匹配元素集合缩减为匹配选择器或匹配函数返回值的新元素。  | 
    
| 
       .find()  | 
      
       获得当前匹配元素集合中每个元素的后代,由选择器进行筛选。  | 
    
| 
       .first()  | 
      
       将匹配元素集合缩减为集合中的第一个元素。  | 
    
| 
       .has()  | 
      
       将匹配元素集合缩减为包含特定元素的后代的集合。  | 
    
| 
       .is()  | 
      
       根据选择器检查当前匹配元素集合,如果存在至少一个匹配元素,则返回 true。  | 
    
| 
       .last()  | 
      
       将匹配元素集合缩减为集合中的最后一个元素。  | 
    
| 
       .map()  | 
      
       把当前匹配集合中的每个元素传递给函数,产生包含返回值的新 jQuery 对象。  | 
    
| 
       .next()  | 
      
       获得匹配元素集合中每个元素紧邻的同辈元素。  | 
    
| 
       .nextAll()  | 
      
       获得匹配元素集合中每个元素之后的所有同辈元素,由选择器进行筛选(可选)。  | 
    
| 
       .nextUntil()  | 
      
       获得每个元素之后所有的同辈元素,直到遇到匹配选择器的元素为止。  | 
    
| 
       .not()  | 
      
       从匹配元素集合中删除元素。  | 
    
| 
       .offsetParent()  | 
      
       获得用于定位的第一个父元素。  | 
    
| 
       .parent()  | 
      
       获得当前匹配元素集合中每个元素的父元素,由选择器筛选(可选)。  | 
    
| 
       .parents()  | 
      
       获得当前匹配元素集合中每个元素的祖先元素,由选择器筛选(可选)。  | 
    
| 
       .parentsUntil()  | 
      
       获得当前匹配元素集合中每个元素的祖先元素,直到遇到匹配选择器的元素为止。  | 
    
| 
       .prev()  | 
      
       获得匹配元素集合中每个元素紧邻的前一个同辈元素,由选择器筛选(可选)。  | 
    
| 
       .prevAll()  | 
      
       获得匹配元素集合中每个元素之前的所有同辈元素,由选择器进行筛选(可选)。  | 
    
| 
       .prevUntil()  | 
      
       获得每个元素之前所有的同辈元素,直到遇到匹配选择器的元素为止。  | 
    
| 
       .siblings()  | 
      
       获得匹配元素集合中所有元素的同辈元素,由选择器筛选(可选)。  | 
    
| 
       .slice()  | 
      
       将匹配元素集合缩减为指定范围的子集。  | 
    
以上是我对jquery遍历函数的见解。
HTML操作DOM的方法:
Jquery最重要的部分就是操作DOM的能力,jquery提供了一系列与DOM相关的方法,这使访问和操作属性的元素和属性就会变得很容易,怎么操作DOM对象:document Object Model(文档对象模型)DOM定义访问HTML和XML文档的标准:“W3C文档对象模型独立于平台和语言的界面,允许程序员和脚本动态访问和更新文档内容、结构以及样式。”。DOM获得-tex()、html()以及val()三个简单实用的用于 DOM 操作的 jQuery 方法:text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值获取属性 - attr()
jQuery attr() 方法用于获取属性值。
设置所有 p 元素的内容:
$(".btn1").click(function(){
 $("p").html("Hello <b>world</b>!");
});
当使用该方法返回一个值时,它会返回第一个匹配元素的内容。
$(selector).html()
当使用该方法设置一个值时,它会覆盖所有匹配元素的内容。
$(selector).html(content)
使用函数来设置所有匹配元素的内容。
$(selector).html(function(index,oldcontent))
以上就是我对jquery属性,遍历,HTML操作的理解与见解,希望可以对大家有所帮助。
关于这篇jquery属性,遍历,HTML操作方法详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
