jquery选择器-基本选择器

最新推荐文章于 2024-05-25 13:46:03 发布
最新推荐文章于 2024-05-25 13:46:03 发布
阅读量50 收藏
点赞数
分类专栏： js 文章标签： javascript xhtml ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/michaelzqm2/article/details/84211481
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>test</title>
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<script type="text/javascript" charset="utf-8" src="./jquery-1.7.2.min.js"></script>
<style>
    .classFrame {width:300px;border:1px}
    .classFrame div,span {display:none}
    .clsContent{background-color: #FF0000}
</style>
<script>
//    $(function(){//根据id选择
//        $('#clsOne').css('display','block');
//    });
//    $(function (){//根据标签名选择
//            $('div span').css('display', 'block');
//    });
//    $(function(){//根据类选择
//        $('.classFrame .clsContent').css('display', 'block');   
//    });
//    $(function(){//选择所有，测试结构是会把title，script，style标签下的内容也显示出来
//        $('*').css('display', 'block');   
//    });
    $(function(){//id和标签名组合选择
        $('#clsOne,span').css('display', 'block');   
    });
</script>
</head>

<body>
    <div class="classFrame">
            <div id="clsOne">标题</div>
          <div class="clsContent">内容</div>
          <span>span</span>
          <span>span2</span>
    </div>

</body>
</html>

michaelzqm2
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery选择器-根据多个属性选择示例代码
10-26
根据多个属性选择在某些对选择比较精确的情况下，还是比较实用的，其实很简单，不会的朋友看下本
jquery选择器---懒人之爱
02-06
来自最新的w3c官网提供，若有不明白或者不清晰的地方请访问改官网查询
jQuery基础----常用的选择器
u011863822的博客
07-20 1300
本篇就是列举了一些常用的jQuery选择器而匹配元素，当然如果学习过css会更好理解的。
jQuery UI -- 日历选择器
热爱思考、活力满满、开朗爱笑的年轻人
11-21 5301
用jQuery UI实现的日期选择器 　　在这之前，我们先来了解一下jQuery UI。jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视空间。我们可以直接用它来构建具有很好交互性的 web 应用程序。 　　本次采用的jQuery UI 的版本为:jquery-ui-1.10.3.custom.zip
JQuery EasyUI -- 日历选择器
热爱思考、活力满满、开朗爱笑的年轻人
12-23 3766
什么是 jQuery EasyUI jQuery EasyUI 是一组基于 jQuery 的 UI 插件集合，而 jQuery EasyUI 的目标就是帮助 Web 开发者更轻松的打造出功能丰富并且美观的 UI 界面，开发者不需要编写复杂的 JavaScript，也不需要对 CSS 样式有深入的了解，开发者需要了解的只有一些简单的 html 标签。
JQuery选择器超级详细
热门推荐
林高禄
08-06 1万+
基本选择器 id选择器：$("#id的属性值") 获取与指定id属性值匹配的元素 单击按钮，将id为myid的元素背景为绿色 <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>JQuery选择器</title> <script src="js/jquery-3.3.1.min...
jQuery--选择器（基本选择器、层次选择器）详解
吴声子夜歌的博客
10-01 2520
jQuery选择器 通过jQuery选择器可以方便快捷地获得页面中的元素，然后为其添加相应行为，无需担心浏览器的兼容性问题。jQuery选择器完全继承了CSS选择的风格，将jQuery选择器分为4类：基本选择器、层次选择器、过滤选择器和表单选择器。 基本选择器 基本选择器是jQuery中最常用的选择器，通过元素的id、className或tagName来查找页面中的元素，如下表： 选择器 ...
jquery 选择器及循环
baobao__的博客
09-23 1851
文章目录1. 基本选择器2. 层次选择器3.基本过滤选择器4. 内容过滤选择器5.属性选择器6.表单相关选择器7.循环1.map2.each 1. 基本选择器 //标签 $("div").css("background","red"); //id $("#active").css("background","orange"); //类 $(".box").css("background","g...
jQuery 选择器(:nth-child(n))详解
杨春建的博客
11-21 1382
原文地址：http://www.365mini.com/page/jquery-nth-child-selector.htm jQuery的:nth-child(n)选择器用于匹配作为父元素下的第n个(或特定顺序的)子元素的元素，将其封装为jQuery对象并返回。 与该选择器相对的是:nth-last-child(n)选择器，用于匹配作为父元素下的倒数第n个(或符合特定倒数顺序的)
jQuery子元素选择器
weixin_45747278的博客
10-20 3237
7.jQuery子元素选择器 7.1:first-child 匹配所给选择器( :之前的选择器)的第一个子元素类似的:first匹配第一个元素，但是:first-child选择器可以匹配多个：即为每个父级元素匹配第一个子元素。这相当于:nth-child(1) <ul> <li>John</li> <li>Karl</li> ...
jQuery- 基本选择器和组合选择器的使用方法
m0_55877024的博客
02-06 1600
jQuery- 基本选择器和组合选择器的使用方法超详细代码 使用dom对象的id,class名称，标签名称等作为条件定位dom对象。 使用dom对象的id作为条件 语法：$("#id") <script type="text/javascript" src="js/jquery-3.6.0.js"> </script> <script type="text/javascript"> function fun1(){ //id选择器 var o
jQuery 选择器全部详细笔记
业精于勤，荒于嬉
04-23 1966
1. jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML,css,dom...2. 提供方法、events、选择器，并且方便地为网站提供 AJAX 交互3. 其宗旨是—WRITE LESS,DO MORE,写更少的代码,做更多的事情.4. jQuery 实现了浏览器的兼容问题1. jQuery 对象就是对 DOM 对象进行包装后产生的对象比如： $("#test").html() 意思是指：获取ID为test的元素内的html代码。
jQuery选择器之基本过滤选择器用法实例分析
12-02
本文实例讲述了jQuery选择器之基本过滤选择器用法。分享给大家供大家参考，具体如下： 前面一篇介绍了层次选择器，今天我们学习一下jQuery的另一种选择器：基本过滤选择器。过滤选择器可以过滤掉自己不想要的东西，...
jQuery选择器之基本选择器用法实例分析
10-17
主要介绍了jQuery选择器之基本选择器用法,结合实例形式分析了id选择器、class选择器、element选择器等选择器相关使用技巧,需要的朋友可以参考下
【详细介绍WebKit的结构】
cz88888888666的博客
05-23 590
WebKit是一个开源的浏览器引擎，主要用于渲染网页内容，它最初由苹果公司为其Safari浏览器开发，目前被多种浏览器和应用程序使用，包括所有基于iOS和macOS的浏览器，WebKit的设计目标是提供快速、精准且流畅的网页浏览体验。
超详细的前后端实战项目（Spring系列加上vue3）前端篇（二）（一步步实现+源码）
2301_79969279的博客
05-24 1135
好了，兄弟们，继昨天的项目之后，开始继续敲前端代码，完成前端部分昨天完成了全局页面的代码，和登录页面的代码，不过昨天的代码还有一些需要补充的，这里添加一下。
vue 使用 export default
global_coding的博客
05-24 349
vue 使用 export default
深入解析：Element Plus 与 Vite、Nuxt、Laravel 的结合使用
一个普通人
05-23 1184
Element Plus 作为一个强大的 Vue.js 组件库，可以与 Vite、Nuxt 和 Laravel 等不同的工具和框架结合使用，为开发者提供灵活、高效的开发体验。根据项目需求选择合适的工具和框架，可以极大地提升开发效率和应用性能
React18+TypeScript搭建通用中后台项目实战04 封装常用工具函数
最新发布
Python私教
05-25 414
此时，访问 http://localhost:5173/ 进行测试。此时，访问 http://localhost:5173/ 进行测试。此时，访问 http://localhost:5173/ 进行测试。修改 src/api/request.ts。修改 src/page/Index.tsx。修改 src/page/Index.tsx。修改 src/page/Index.tsx。
jquery选择器:nth-child()
07-16
jQuery选择器中的`:nth-child()`伪类可以用来选择某个父元素下的特定子元素。它基于子元素在父元素中的位置进行选择。以下是几个示例： 选择第n个子元素： ```javascript $(document).ready(function(){ // 选择第...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值