[网页编程]-01 jQuery 基本选择器
这里主要是介绍4个常用选择器和一个不常用的选择器
DOM对象和jQuery对象分别拥有一套独立的方案 不能混用
js对象和jq对象是可以相互转换的
jq对象转为html对象通过:
1️⃣ jQuery对象.get(index),
2️⃣ jQuery对象[index]
ID选择器 $("ID名");
//JQ获得元素对象 ID 选择器
var zh1 = $("#zh");
//alert(zh1);//返回的是一个Object数组 --[Element1,Element2,Element3]
//alert(zh1[0]);//Element 对象 JQ可以通过下标的方式转换成JS对类选择器$(".类名")
//类选择器
var inp2 =$(".inp");
//alert(inp2[0].value) //获取具体对象的值 变相的使用js获取值
//jq获取值的内容操作
alert(inp2.eq(0).val());标签选择器 C.$("标签名")
//元素选择器(标签选择器)
var inp = $("input");
//alert(inp.length);获取数组长度通用选择器$("*")
$("*").css("background-color","aqua")完整代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function(){
//js 获取元素对象
var zh = document.getElementById("zh");
//alert(zh);//Element对象
//JS转换为JQ
//var zhh = $(zh);
//JQ获得元素对象 ID 选择器
var zh1 = $("#zh");
//alert(zh1);//返回的是一个Object数组 --[Element1,Element2,Element3]
//alert(zh1[0]);//Element 对象 JQ可以通过下标的方式转换成JS对象
//元素选择器(标签选择器)
var inp = $("input");
//alert(inp.length);获取数组长度
//类选择器
var inp2 =$(".inp");
//alert(inp2[0].value) //获取具体对象的值 变相的使用js获取值
//jq获取值的内容操作
alert(inp2.eq(0).val());
//通用选择器
$("*").css("background-color","aqua")
})
</script>
</head>
<body>
<p>
账号:<input type="text" name="" id="zh" value="123" />
</p>
<p>
密码:<input type="password" name="" id="pwd" value="123" class="inp" />
</p>
<p>
确认密码:<input type="password" name="" id="pwd2" value="123" class="inp" />
</p>
</body>
</html>剩下一个选择器大家了解一下就好了
网站声明：如果转载，请联系本站管理员。否则一切后果自行承担。
赞同 0
评论 0 条
相关文章
-
[网页编程]-06 JavaScript 控制语句
2023-12-27
67243 浏览
JavaScript中的控制语句大体和我们的java相似,只是写法略微不同,下面以代码的形似展现一下知识点1打印到浏览器上/*直接把信息打印到浏览器上*/document.write("
");知识点2控制语句-
关注我们
扫一扫关注公众号
添加我为好友，拉您入交流群！
添加我为好友，拉您入交流群！
请使用微信扫一扫!
-