querySelector是一种在前端开发中常用的方法,用于通过CSS选择器选择DOM元素。它可以根据元素的标签名、类名、ID等属性来选择元素。
使用querySelector选择元素的方法如下:
document.querySelector('div')
将返回第一个匹配的div元素。.
,例如document.querySelector('.example')
将返回第一个具有example类的元素。#
,例如document.querySelector('#myElement')
将返回具有myElement ID的元素。document.querySelector('[name="myName"]')
将返回具有name属性为myName的元素。document.querySelector('div.example')
将返回第一个同时具有div标签和example类的元素。querySelector方法返回匹配的第一个元素,如果没有匹配的元素,则返回null。
querySelector方法的优势在于它可以使用灵活的CSS选择器语法来选择元素,使得代码更简洁、易读。它适用于各种前端开发场景,包括动态修改DOM、事件处理、样式操作等。
腾讯云提供了丰富的云计算产品,其中与前端开发相关的产品包括云服务器、云存储、云函数等。您可以通过腾讯云官方网站(https://cloud.tencent.com/)了解更多关于这些产品的详细信息和使用指南。
jquery
[] jquery概念
jquery是JS的框架。
JS的函数库。
【】BOM
BOM:Browser Object Model
BOM对象:
1.window:BOM根对象
2.window.navigator 浏览器对象
3.window.location : URL地址对象
4.window.document: 文档对象。
5.window.history 历史对象
【】DOM
DOM根对象:window.document 表示浏览器载入的文档在内存中模型。
DOM模式的格式:树。
每个标记表示一个对象,在树中是一个节点。
1. JS定位一个节点方法
(1)根据ID定位:var div=document.getElementById("id"); 返回一个对象
(2)根据标记名定义:var div=document.getElemenetByTagName("div");
返回对象的数组。
(3) 根据CSS选择器选择对象:
var ob=document.querySelector("css选择器");返回满足选择器的第一个对象
例子:
<input type="text" name="userid" id="userid" />
var userid=document.querySelector("input[name='userid']");
var userid=document.querySelector("#userid");
var userid=document.querySelector("input");
(4) 返回所有的选择器选择的对象:返回对象数组。
document.querySelectorAll("CSS选择器")
【】DOM操作节点对象
1.读/写节点的内容
领取专属 10元无门槛券
手把手带您无忧上云