是一个字符串,用来定位dom对象的。定位了dom对象,就可以通过jquery而函数操作dom。
$("#dom对象的id值")$(".class样式名")$("标签名称")$("*")$("#,.class,")DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
div{
background: gray;
width: 200px;
height: 100px;
}
.two{
background: gold;
font-size: 20pt;
}
style>
<script type="text/javascript" src="js/jquery-3.4.1.js">script>
<script type="text/javascript">
function fun1(){
//id选择器
var obj = $("#one");
//使用jquery中改变样式的函数
obj.css("background","red");
}
function fun2(){
//使用样式选择器
var obj = $(".two");
obj.css("background","yellow");
}
function fun3(){
//标签选择器
var obj = $("div"); //数组有3个对象
//jquery的操作都是操作数组中的全部成员.
//所以是给所有的div都设置的背景色
obj.css("background","blue");
}
function fun4(){
var obj = $("*");
obj.css("background","green");
}
function fun5(){
var obj = $("#one,span");
//obj.css("background","red");
//obj是一个数组, 有两个成员, 1 是span dom对象
//$(obj[1]) : jquery对象
// $( dom 对象) : 是把dom对象转为jquery对象, 之后就可以调用jquery的css函数了
$(obj[1]).css("background","green");//就是span
}
document.getElementById("one"); //js的语法规则 ,value
$("#one"); //jquery语法
script>
head>
<body>
<div id="one">我是one的divdiv><br/>
<div class="two">我是样式是two的divdiv>
<br/>
<div>我是没有id,class的divdiv>
<br/>
<span class="two">我是span标签span>
<br/>
<input type="button" value="获取id是one的dom对象" onclick="fun1()" />
<br/>
<input type="button" value="使用class样式获取dom对象" onclick="fun2()" />
<br/>
<input type="button" value="使用标签选择器" onclick="fun3()" />
<br/>
<input type="button" value="所有选择器" onclick="fun4()"/>
<br/>
<input type="button" value="组合选择器" onclick="fun5()"/>
body>
html>