jQuery_基本选择器

系统管理员 2022-05-22 12:19 293阅读 0赞

**一.CSS选择器：**

1.  \#id            id选择器             \#id\{color:red\}
2.  .class       类选择器             .class\{\}
3.  element    标签选择器           p\{\}
4.  ‘\*’              通配符选择器     配合其他选择器使用
5.  ，             并集选择器          div，p \{\}
6.  (空格)      后代选择器          div p\{\} 后代的都行
7.  >              子代选择器         div >span\{\} 只能是儿子
8.  ‘+’            紧邻选择器          div+P\{\} 紧挨着div的P元素

**二.jQuery 选择器 实现了从CSS1 到CSS3 的所有选择器**  
1.jQuery和JS设置css属性的不同：

jquery:   $(#id").css('background',"red") 
    JS:       dom.style.backgroundColor="red'

2.css方法有两个参数，设置被选元素的属性，有一个参数，是获取被选元素的属性

$(#id").css(''color")     //获取该元素的css属性值

3.‘ \* ’ 通配符选择器

$("*").css("font-size","14px")   //给所有的都设置成字体大小为14px

**三.jQuery的隐式迭代**

jQuery内部帮我们循环遍历所有的元素

**四.jQuery选择器**  
1.$(“\#demo”): 选择 id为demo的第一个元素

$("#demo").css('background','black")   //有多个只选择第一个

2.$(“.item”) : 选择所有class为item的元素

$(".item").css('background','black")

3.$(‘div’) : 选择所有标签为div的元素

$('div') .css('background','black")

4.$(“\*”) : 选择所有的元素，配合其他选择器来使用

$("*").css('background','black")

5.$(‘.item,div’) : 选择多个指定的选择器，这里是指item和div元素

$('.item,div') .css('background','black")

规律：jQuery完全是结合了css获取class的模式来操作dom

$(selector).css('background','black")

发表评论取消回复

表情：

评论列表（有 0 条评论，293人围观）

还没有评论，来说两句吧...

相关阅读

相关 JQuery 基本过滤选择器

HTML页面结构: <a id="a1">first</a> <a id="a2">last</a> <a id="a3">not</a>

朱雀/ 2024年02月17日 18:09/ 0 赞/ 127 阅读

相关 jQuery：基本选择器

1.\id 用法: $(”\myDiv”); 返回值单个元素的组成的集合(表示只有一个元素) 说明：这个就是直接选择html中的id="myDiv"的元素 2.Eleme

淡淡的烟草味﹌/ 2023年10月09日 00:29/ 0 赞/ 63 阅读

相关 jquery基本选择器id

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

港控/mmm°/ 2023年06月12日 06:25/ 0 赞/ 140 阅读

相关 JQuery选择器(基本选择器、层级选择器、过滤选择器)

基本选择器 $("btn1").click(function(){ //选择ID对象 $("one").css("background-c

た入场券/ 2023年06月08日 09:27/ 0 赞/ 56 阅读

相关 jquery基本选择器

1、\选择器 $("\") ：所有元素 2、id选择器 $("\title")：id=" title " 的元素 3、.class 选择器 $(". fade") ：

Bertha 。/ 2022年09月23日 12:53/ 0 赞/ 291 阅读

相关 Jquery选择器-基本选择器

jquery作为我们常用前端工具之一，实际项目中常用的的选择器有id选择器(\id)、元素选择器(element)、样式选择器(.class)。 \id 概述:根据给定

秒速五厘米/ 2022年07月10日 05:58/ 0 赞/ 392 阅读

相关 jQuery_基本选择器

一.CSS选择器： 1. \id id选择器 \id\{color:red\} 2. .class 类选择器

系统管理员/ 2022年05月22日 12:19/ 0 赞/ 294 阅读

相关 jQuery 基本选择器

在jQuery的使用中，选择器是使用率最高的方法，那么从本篇文章开始，介绍jQuery的选择器的使用。依小编自己的看法就是一个WEB前端开发者使用jQuery选择器的方式与他的

柔光的暖阳◎/ 2022年05月14日 13:37/ 0 赞/ 267 阅读

相关 jQuery选择器之基本选择器

首先看什么是jQuery基本选择器。 jQuery 基本选择器与CSS基本选择器相同，它维承了CSS选择器的语法和功能，主要由元素标签名、class、 id 和多个选择器组成

清疚/ 2022年03月22日 13:30/ 0 赞/ 351 阅读

相关 jQuery--选择器（基本选择器、层次选择器）详解

jQuery选择器通过jQuery选择器可以方便快捷地获得页面中的元素，然后为其添加相应行为，无需担心浏览器的兼容性问题。jQuery选择器完全继承了CSS选择的风格，

深碍√TFBOYSˉ_/ 2021年08月13日 11:24/ 0 赞/ 658 阅读