分享web开发知识

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

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

3.jquery在js文件中获取选择器对象

发布时间:2023-09-06 01:54责任编辑:赖小花关键词:js选择器

一.常用的选择器有一下几种:

  1.标签选择器

  2.类选择器

  3.id选择器

  4.并集选择器

  5.层级选择器

二.如何获取选择器对象:

 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 ????<meta charset="UTF-8"> 5 ????<title>选择器</title> 6 ????<script type="text/javascript" src="./js/jquery-1.12.4.min.js"></script> 7 ????<script> 8 ????????$(function(){ 9 ????????????// 标签选择器, 选择了所有的div标签10 ????????????var $box_tag = $("div");11 ????????????// 类选择器 只选中该类名的标签12 ????????????var $box_class = $(".box");13 ????????????// id 选择器 只选择该id名的标签14 ????????????var $box_id = $("#box_id");15 ????????????// 并集选择器,同时选中过个标签16 ????????????var $box = $("#box_id, .box");17 ????????????// 层级选择器,用来准确定位到具体标签18 ????????????var $box_c = $(".box box1");19 ????????????// 除此以外, 可以在实际情况中灵活使用$(this), 表示当前的html元素20 ????????});21 ????</script>22 </head>23 <body>24 ????<div class="box">25 ????????<span class="box1"></span>26 ????????<span></span>27 ????</div>28 29 ????<div id="box_id">30 ????</div>31 </body>32 </html>

3.jquery在js文件中获取选择器对象

原文地址:https://www.cnblogs.com/lowmanisbusy/p/9032779.html

知识推荐

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