分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

jQuery之基本选择器

发布时间:2023-09-06 02:06责任编辑:沈小雨关键词:jQuery选择器


1. 是什么?
?- 有特定格式的字符串
2. 作用
?- 用来查找特定页面元素
3. 基本选择器
?- #id : id选择器
?- element : 元素选择器
?- .class : 属性选择器
?- * : 任意标签
?- selector1,selector2,selectorN : 取多个选择器的并集(组合选择器)
?- selector1selector2selectorN : 取多个选择器的交集(相交选择器)

现有如下需求:

/*
??需求:
??1. 选择id为div1的元素
??2. 选择所有的div元素
??3. 选择所有class属性为box的元素
??4. 选择所有的div和span元素
??5. 选择所有class属性为box的div元素(div.box),如果属性不是id和class,就需要用div【name=“”】来表示
??*/

<div id="div1" class="box">div1(class="box")</div><div id="div2" class="box">div2(class="box")</div><div id="div3">div3</div><span class="box">span(class="box")</span><br><ul> ?<li>AAAAA</li> ?<li title="hello">BBBBB(title="hello")</li> ?<li class="box">CCCCC(class="box")</li> ?<li title="hello">DDDDDD(title="hello")</li></ul>

通过js实现:

console.log($("#div1").get(0).innerHTML); ?console.log($("div").length); ?console.log($(".box").html()); ?console.log($("div,span").html()); ?console.log($("div[class=‘box‘]").html());

jQuery之基本选择器

原文地址:https://www.cnblogs.com/caicaihong/p/9371099.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved