正文

jq选择器篇1

author  author  2022-08-03  248

关键词：

基本选择器

1)id # 选择器

找到 id 相对应的元素

eg: $(“#container”) 找到id 为container的元素的集合

2). class 类选择器

找到 class 包含此类的元素

eg $(“.content”) 找到只要class里面包含content类的的元素的集合

3)元素选择器

顾名思义可以找到相对应的元素

eg:$(“img”) 找到所有的img 元素

4） * 选择器（任意元素选择器）

可以找到任意元素

eg: $(“*”) 找到的是整个html 的每一个元素（显然这样是没有任何意思，来一个有意义的）

$(“form *”）.change(function()) 这样可以监测表单里面的所有的素的的change事件

当然选择器也可以组合，那就使用逗号吧

5)组合选择器，（用逗号将各种选择器隔开，最终查出来的是所有的集合）、

eg: $(“img,.phone”) 找出img 元素和类中包含phone 的所有元素

小结

有木有注意到。我这里说的不是元素的集合，就是所有的元素，

聪明的你肯定已经想到下面我要说什么了。。。对没错

我要说的就是

jq选择器查出的来的东西都是一个一个dom 对象的的数组、（贴下码看看累）

技术分享

看到没有不管你是能查到几个，都能查出来的都是dom对象的数组

哈哈我们都不叫他dom对象的数组，我们都叫他jq 对象。是不是知道了怎么将jq对象转换为dom对象

下面我就讲讲jq 对象怎么转换成dom对象(因为有时候确实需要转换我dom对象)

Jq 对象就是用jq 选择器得到的对象

Dom 对象呢，就是标记本身，一般可以用document.getElementId(“”)获取到

既然是数组，转换为dom对象就简单

技术分享

a.直接用取数组里面的一个元素即可

B.jq里面也封装了一个get方法，和数组的取下标一样 ps：只有dom数组才能用这个方法

有的小伙伴可能会问，那么dom对象怎么转换为jq对象呢。。。只想说，小伙子这个问题问的好

Function save(data){

Var jqObj=$(data)

Var txt=jqObj.val();

}

看到没有直接使用 $（dom) 即可转换为jq对象，就是这么简单是不是迫不及待的要看下一篇呢

css之常用选择器篇

一.CSS字体属性1.字体样式p{font-family:“字体1",“字体2";}2.字体大小p{font-site:20px;}单位：px（像素）3.字体粗细p{font-weight:属性值;}属性值：值效果normal不加粗(默认值)bold加粗100-900400等于normal700等于bold4.文字样式font-style:样式;... 查看详情

css之常用选择器篇

jvm类加载器篇(下)(代码片段)

JVM类加载器篇1.虚拟机自带的类加载器2.用户自定义的类加载器3.类加载器的常见方法4.类加载器的双亲委派机制5.类加载器的引用1.虚拟机自带的类加载器启动类加载器（也叫作引导类加载器，BootStrapClassLoader）这个类... 查看详情

jvm类加载器篇(上)(代码片段)

JVM类加载器篇1.类加载器的剖析2.类加载器的作用3.类加载器的过程图示4.类加载器的过程(加载阶段)5.类加载器的过程(链接阶段)6.类加载器的过程(初始化阶段)7.类加载器的种类1.类加载器的剖析2.类加载器的作用类加载子系统负责... 查看详情

kerascifar-10分类svm分类器篇(代码片段)

KerasCIFAR-10分类（SVM分类器）文章目录KerasCIFAR-10分类（SVM分类器）keras介绍keras具有的特性keras与后端引擎keras设计原则安装keras导入库控制GPU显存（可选）加载CIFAR-10数据集可视化数据数据预处理SVM支持向量... 查看详情

jvm的艺术—类加载器篇(代码片段)

分享是价值的传递，喜欢就点个赞引言今天我们继续来深入的剖析类加载器的内容。上节课我们讲了类加载器的基本内容，没看过的小伙伴请加关注。今天我们继续。什么是定义类加载器和初始化类加载器？定义类加载器：假设... 查看详情

jquery基础1-jq选择器(代码片段)

1.jq选择器https://blog.csdn.net/TroyeSivanlp/article/details/1207316102.jq的操作https://blog.csdn.net/TroyeSivanlp/article/details/1207318733.jq事件https://blog.csdn.net/TroyeSivanlp/article/details/120732106 查看详情

jq框架封装学习笔记1-框架介绍与选择器框架

jq框架学习框架的选择器模块框架的结构DOM基本操作（元素的操作）事件处理属性操作样式操作简单动画简要分析jq框架jq是模块化的，是一个以代码集合和功能为中心的模块Sizzle选择器引擎，非常常用的选择器引擎jq的整体结构... 查看详情

jquery基础(代码片段)

...方法:入口函数:1.$(function())2.$(document).ready(function()?)?jq的选择器基本选择器:标签类id选择器交集并集直查看详情

jq基本选择器

JQ选择器采用CSS和Xpath选择器语法规范，满足用户在DOM中快速匹配元素或元素集合。 1、JQ支持CSS1、CSS2、CSS3、不同版本的所有选择器，而早期的很多浏览器并没有完全支持CSS3版本的选择器。 2、... 查看详情

jq选择器归类

1.基本选择器$("#id")//ID选择器$("div")//元素选择器$(".classname")//类选择器$(".classname,.classname1,#id1")//组合选择器2.层次选择器$("#id>.classname")//子元素选择器$("#id.classname")//后代元素选择器$("#id+.classname")//紧邻下一个元素选择器$("#id~. 查看详情

jq版本选择。

jQuery目前的三大版本：1.x：兼容ie678,使用最为广泛的，官方只做BUG维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4(2016年5月20日)2.x：不兼容ie678，很少有人使用，官方只做BUG维护，功能不再新增... 查看详情

JQ：选择多个条件

】JQ：选择多个条件【英文标题】：JQ:Selectmultipleconditions【发布时间】：2016-01-0812:47:30【问题描述】：我有一个json，目前使用select仅获取匹配一个条件的数据，我需要根据更多条件进行过滤。例如：.[]|select((.processedBarsVolume<=5)... 查看详情

jq选择器

1.#id查找ID为myDIV的元素<body><divclass="mydiv"><p>IamlittleD!</p></div><divclass="opl"><p>小弟</p></div><scriptsrc="../js/jquery-3.1.0.min.js">< 查看详情

jq选择器(代码片段)

1.首先说一下jQ基础选择器及使用方法1<divclass="box">2<ul>3<liclass="one">目录</li>4<li>风花雪月</li>5<li>云淡风轻</li>6<li>轻声细语</li>7<liid="li">醉生梦死</li>8 查看详情

jq选择器

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>选择器</title><scriptsrc="./js/jquery-3.1.0.min.js"></script></head><body><!- 查看详情

4-30jq学习笔记(选择)

1选择方式a--通过名字 $(‘标签‘) 例子:$(‘a‘)选择全部标签 $(‘#id名‘) 例子:$(‘#a1‘)选择id等于a1的标签 $(‘#a1:属性值ddd‘)选择全部id等于a1 且包含‘... 查看详情

模仿jq里的选择器和color样式

1(function(){2HTMLElement.prototype.css=function(){3varoption;4if(arguments.length>0){5option=arguments[0];6if(2===arguments.length){7option={},option[arguments[0]]=arguments[1];8}910if(‘object‘=== 查看详情