Js JQ 选择器总结

一、原生JS选择器

JS选择器常用的有getElementById()、getElementsByName()、getElementsByTagName()、getElementsByClassName()、querySelector()、querySelectorAll()

  • A: getElementById(ID): 返回对指定ID的第一个对象的引用,如果在文档中查找一个特定的元素,最有效的方法是getElementById()
  • B: getElementsByName(name): 返回文档中name属性为name值的元素,因为name属性值不是唯一的,所以查询到的结果有可能返回的是一个数组,而不是一个元素。
  • C: getElementsByTagName(tagname): 返回文档中指定标签的元素
  • D: getElementsByClassName():返回文档中所有指定类名的元素
  • E: querySelector():返回文档中匹配指定css选择器的第一个元素
  • F: querySelectorAll():返回文档中匹配指定css选择器的第一个元素

二、jQuery选择器

内容
基本选择器有ID选择器、类选择器、标签选择器、通用选择器,事件的添加方法如下:

$(...).事件名(function() { });
**属性样式有:**

**$(...).css("border","1px solid red")**
**$(...).css({...})**
**$(...).css("border")**
**$(...).attr(属性名,值)**
**$(...).html() innerHTML**
**$(...).text() innerText**
**$(...).val() value值**
**$(...).addClass() 增加**
**$(...).removeClass() 移除**
**$(...).toggleClass() 开关****
选择器的详细使用方法:#

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、原生JS选择器 JS选择器常用的有getElementById()、getElementsByName()、g...
    乙哥驿站阅读 234评论 0 0
  • 简述JavaScript起源起源于美国的Netscape公司,原名为LiveScript,后改为JavaScrip...
    3ab670b99521阅读 3,021评论 0 0
  • dom选择器。 我们知道document表示文档,我们就是通过document里面的方法选择标签。 1:docum...
    小老虎丶冷心阅读 668评论 0 0
  • dom选择器。 我们知道document表示文档,我们就是通过document里面的方法选择标签。 1:docum...
    yy小阅读 11,442评论 1 2
  • 推荐指数: 6.0 书籍主旨关键词:特权、焦点、注意力、语言联想、情景联想 观点: 1.统计学现在叫数据分析,社会...
    Jenaral阅读 5,746评论 0 5