jQuery中的基本选择器,id,class,元素,通用
常用的基本选择器:
后续的补充选择器
为了后面看的方便,我们先将body中的内容展示出来:
<body><p>账号:<input type="text" id="uname" value="zhangsan" /></p><p>密码:<input type="password" name="" class="pwd" value="123456"/></p><p>确认密码:<input type="password" name="" class="pwd" value="123"/></p></body>
1.id选择器:
//获取id方式 id选择器var zh=$("#uname");//alert(zh);//[object Object]//alert(zh[0]);//[object HTMLInputElement]var zh1=document.getElementById("uname");//alert(zh1);//[object HTMLInputElement]//alert($(zh1));//[object Object]//这样就形成了jQuery和js之间的相互转换。
在这里我们也将js和jQuery之间的转化也学习了一下。
js转化成jQuery:$(操作元素)
jQuery转化成js:因为jQuery得到的对象都放在Object数组里面,我们只需要用下标获取,这种方式就是js获取对象的方式。
2.class选择器:
//获取class方式 类选择器var pwd=$(".pwd");//通过jQuery方式去获取value值alert(pwd.eq(0).val());//123456
同样和js相同的是。选择class,也是用 .class名称 的方式获取。这里我们学习到了怎样通过jQuery去获取表单中value属性的值。用到了eq()的方法。
3.元素选择器:
//获取表单元素的 方式 元素选择器var inp=$("input");//alert(inp);//[object Object]var le=inp.length;//alert(le);//3//通过js方式去获取value值var va=inp[0].value;//alert(va);//zhangsan//通过jQuery方式去获取value值//alert(inp.eq(0).val());//zhangsan
和js一样获取元素也是直接写出元素的名称(表单的名称)。
4.通用选择器:
//获取所有(通用选择器) 改变全局颜色
$("*").css("background-color","aqua");
我们这里用到了jQuery的一种表达式:$().css()。
jQuery中的基本选择器,id,class,元素,通用相关推荐
- jQuery框架学习第二天:jQuery中万能的选择器
jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQu ...
- 【jQuery 教程系列第 10 篇】jQuery 中的过滤选择器(基本筛选器)
这是[jQuery 教程系列第 10 篇],如果觉得有用的话,欢迎关注专栏. jQuery 中除了一些 基本选择器 ,也有一些过滤选择器,本篇博客仅挑选其中的几个简单说明一下,其它的大家可以点击 jQ ...
- JQuery中的全选择器(通配符)
全选择器(*选择器) 在CSS中,经常会在第一行写下这样一段样式 * {padding: 0; margin: 0;} 通配符*意味着给所有的元素设置默认的边距.jQuery中我们也可以通过传递*选择 ...
- jquery 中多条件选择器,相对选择器,层次选择器的区别
一.Jquery常用的过滤选择器如下所示: 1.:first,选取第一个元素,比如$("div:first")选取第一个div元素 2.:last,选取最后一个元素,比如$(&qu ...
- JQuery中的层级选择器
层级选择器 文档中的所有的节点之间都是有这样或者那样的关系.我们可以把节点之间的关系可以用传统的家族关系来描述,可以把文档树当作一个家谱,那么节点与节点直接就会存在父子,兄弟,祖孙的关系了. 选择器中 ...
- jQuery 中的 CSS 选择器
#id id 选择器 $("#myDiv").css(...); 元素 标签选择器 $("div") * 通用符选择器 匹配所有元素 $("*&quo ...
- JQuery中的特殊选择器--this
相信很多刚接触jQuery的人,很多都会对$(this)和this的区别模糊不清,那么这两者有什么区别呢?下面我们一起来看一下! this是JavaScript中的关键字,指的是当前的上下文对象,简单 ...
- 如何在html中选择wrap,使用jQuery中的wrap()函数操作HTML元素的教程
wrap()函数用于在每个匹配元素外部包裹指定的HTML结构. 与该函数相对的是unwrap()函数,用于当前匹配元素的父元素(只移除父元素,其内部节点全部保留). 该函数属于jQuery对象(实例) ...
- JQuery中的类选择器
类选择器 类选择器,顾名思义,通过class样式类名来获取节点 使用方式为$( ".class" ) 类选择器,相对id选择器来说,效率相对会低一点,但是优势就是可以多选 同样的j ...
最新文章
- HDFS中的safemode
- Linux的.a .so和.o文件
- mongo学习笔记(二):聚合,游标
- 每日一题 2020.05.26
- hihocoder1241 Best Route in a Grid
- PCM data flow - 1 - Overview
- Hadoop设备实际上属于有待编排的超级计算机
- 05-Echarts矢量地图实现、及常见效果
- 在计算机中dos代表什么意思,dos是什么意思?怎么进DOS命令的方法
- Linux下文件搜索、查找、查看命令
- 如何从 vue-element-admin 迁移到 Fantastic-admin
- Android DEX安全攻防战
- 嵌入层(Embedding Layer)与词向量(Word Embedding)详解
- 代码实现判断主机字节序(大端 or小端 )-- 面试题
- 逻辑回归——乳腺癌分类
- postman+newman
- 千牛文件在服务器上,千牛挂在云服务器
- imap和pop3的区别有哪些?
- 华为与小米在印度市场翻倍增长,两者会重演国内市场之争么?
- GC1262E/S 单线圈无刷直流电机驱动芯片 PWM调速 、斜率控制、软启动、自锁保护 可匹配APX9262S
热门文章
- 设计模式之禅【代理模式】
- 重装战姬服务器维护,重装战姬更新维护公告(2020年3月26日)
- 数据分析真题日刷 | 网易2018校园招聘数据分析工程师笔试卷
- Python基础操作(2)
- 云计算入门教程普通用户
- h5微信f分享链接给对方获取对方手机号_企业微信可以搜索微信号添加好友/客户吗?怎样主动添加通过率高?...
- 好用的工作邮箱有哪些?工作邮箱如何登录
- 快速串联 RNN / LSTM / Attention / transformer / BERT / GPT
- Android手写签名
- 中兴2618交换机的STP环网基本操作