js选项有哪些_CSS学习

资料来源：网络整理时间：2023/3/4 1:50:22 共计：3602 浏览

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() 开关**

选择器的详细使用方法：#

属性选择器的补充：

例如：找到当前class .rightnav-bar下的所有含有data-scrollto属性的元素

$('.rightnav-bar [data-scrollto]');

var scrollEl = $('[data-scrollto]');//整个页面只有需要找的元素含有data-scrollto属性时，也可以这样用

// var tabIndex = $(".tlt1 a[data-types='support']").index();

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。