Linux查看目录wenjia,jQuery获取元素的方法总结
一、说明
获取元素的方法分为两种:jQuery选择器、jQuery遍历函数。
做个总结,巩固下知识。
二、获取本身
1、只需要一种jQuery选择器
选择器
实例
说明
#Id
$('#myId')
ID选择器: 可以获取到ID为“myId”的元素,区分大小写
2、多种jQuery选择器组合
分为两部分:前半部分获取到的是一个元素集合,后半部分可以精确为一个元素,两者相结合,可以获取到想要的元素。
1)前半部分选择器
选择器
实例
说明
.class
$('.myClass')
类选择器:可以获取到class为‘myClass’的所有元素
element
$('p')
获取所有的
元素
:header
$(':header')
获取所有的标题元素:
~
:animated
$(':animated')
获取所有的动画元素
:contains(text)
$('p:contains(Hello)')
获取所有包含文本为Hello的
元素,中间的文本区分大小写
:hidden
$(':hidden')
获取所有的隐藏元素:width和height为0、display:none、type=hidden、
[attribute]
$('[href]')
属性选择器:获取所有含有属性为href的元素
[attribute=value]
$('[href=a.html]')
= 获取所有带有属性href,并且值为a.html的元素
!= 获取所有带有属性href,并且值不等于为a.html的元素
$= 获取所有带有属性href,并且值以a.html结尾的元素
^= 获取所有带有属性href,并且值以a.html开头的元素
~= 获取所有带有属性href,并且值包含单词”a.html“的元素
*= 获取所有带有属性href,并且值包含文本”a.html“的元素
:input
$(':input')
获取所有input元素
:radio
$(':radio')
所有带有 type="radio" 的 input 元素
相似的有:
:text、:chexbox、:password、:submit、:reset、:button、:file
:enabled
$(':enabled')
所有启用的input元素。 :disabled 则相反
:checked
$(':checked')
所有选中的input选择(单选框、复选框)
:gt(index)
$('p:gt(2)')
index从0开始,获取index大于(不包含)2的所有
元素
:lt(index)
$('p:lt(2)')
index从0开始,获取index小于(不包含)2的所有
元素
:even
$('tr:even')
所有偶数
元素
:odd
$('tr:odd')
所有奇数
元素
2)后半部分选择器:可以精确到某一个元素
选择器
实例
说明
:first
$('p:first')
第一个
元素
:last
$('p:last')
最后一个
元素
:eq(index)
$("p:eq(1)")
第二个
元素,index从0开始
3、jQuery选择器+遍历函数
也是分为两部分:前半部分用选择器获取到一个元素集合,后半部分用遍历函数精确为某个元素
1)前半部分同上
2)后半部分:遍历函数
方法
描述
eq()
返回带有被选元素的指定索引号的元素
first()
返回被选元素的第一个元素
last()
返回被选元素的最后一个元素
三、获取同级元素
顾名思义:获取选中元素的同级元素。首先需要定位到该元素(上面已有总结,不再重复),然后获取它的同级元素。
1)选择器
选择器
实例
说明
element + next
$('div + p')
每个div相邻的下一个
元素
element ~ siblings
$('div ~ p')
获取跟div同级的所有的
元素
2)遍历函数
方法
描述
next()
返回被选元素的后一个同级元素
nextAll()
返回被选元素之后的所有同级元素
prev()
返回被选元素的前一个同级元素
prevAll()
返回被选元素之前的所有同级元素
四、获取父级元素
获取选中元素的父级元素
1)选择器
选择器
实例
说明
:parent
$('p:parent')
获取所有p元素的父级元素
2)遍历函数
方法
描述
parent()
获取被选元素的父级元素
parents()
获取被选元素的所有祖先元素
五、获取子级元素
获取选中元素的子级元素
1)选择器
选择器
实例
说明
parent > child
$('div > p')
获取div直接子元素的所有
元素
parent descendant
$('div p')
获取div所有后代的
元素
2)遍历函数
方法
描述
children()
返回被选元素的所有直接子元素
contents()
返回被选元素的所有直接子元素(包含文本和注释节点)
find()
返回被选元素的后代元素
jQuery 的详细介绍:请点这里
jQuery 的下载地址:请点这里
Linux查看目录wenjia,jQuery获取元素的方法总结相关推荐
- JQuery获取元素的方法总结
jQuery定位元素的方法有两种,一种是通过jQuery 选择器来选择元素,可以直接获取单个或批量的元素:另一种是通过jQuery 遍历相关来选择元素,这种方法常用在获取层级较复杂的页面中的元素. W ...
- Javascript及Jquery获取元素节点以及添加和删除操作
用了javascript和jquery很久,把所有元素节点的操作总结了下,放在博客上作为记录. Javascript获取元素的主要方式有三种 1.document.getElementById('ma ...
- jquery获取元素在文档中的位置信息以及滚动条位置(转)
jquery获取元素在文档中的位置信息以及滚动条位置 http://blog.csdn.net/qq_34095777/article/details/78750886 原文链接 原创 201 ...
- linux看目录用的哪个磁盘,linux查看目录大小及硬盘大小
linux查看目录大小及硬盘大小的命令: # du -ks ---in all # du -k ---every last du和df命令都被用于获得文件系统大小的信息:df用于报告文件系 ...
- jquery获取元素宽高
前言 jquery获取元素宽高 <!DOCTYPE html> <html lang="zh" > <head><meta charset ...
- 网页加载的不同的方式、点击按钮显示一句话、jQuery中获取元素的方法
网页加载的不同的方式 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
- Linux 查看目录常用命令
linux 查看目录常用命令 ls -F |grep "/$" 只显示当前目录下的文件夹 ls -al |grep "^-" 只显示当前目录下的文件 ls -a ...
- jquery获取元素的索引_如何在jQuery中获取具有特定索引的元素
jquery获取元素的索引 In this post, we are going to discuss how to get an element with a specific index. jQu ...
- html获取边缘元素,JQuery 获取元素到浏览器可视窗口边缘的距离
获取元素到浏览器可视窗口边缘的距离 by:授客 QQ:1033553122 1.测试环境 JQuery-3.2.1.min.js 下载地址: https://gitee.com/ishouke/fro ...
最新文章
- android studio 使用SVN 锁定文件,防止别人修改(基于Android studio 1.4 )
- python视频编辑过场动画_视频剪辑什么鬼?Python 带你高效创作短视频
- hadoop学习5 搭建storm集群
- 腾讯大湘网某处csrf(city.hn.qq.com)可投诉刷留言
- Cube和Grouping 和Rollup
- python怎样将list转化成字典_在python 中如何将 list 转化成 dictionary
- Vue性能优化:图片与组件,如何实现按需加载?
- python实现knn分类_knn分类算法底层实现(python)
- 聊聊 scala 的模式匹配 1
- 面试官,你为什么老是问我”闭包“
- Java复习总结(二)Java SE基础知识
- Ehcache 整合Spring 使用页面、对象缓存(转)
- Openfire+Spark+Spark Web安装配置(一)
- SSH智能社区住户信息管理系统
- 什么是SFP光模块?
- Python编程PTA题解——验证“哥德巴赫猜想”
- 片上网络之论文随便看看
- 网络摄像机IPCamera RTSP直播播放网络/权限/音视频数据/花屏问题检测与分析助手EasyRTSPClient
- 一款免费下载音乐的软件
- Windows7中双击py文件运行程序