jquery选择器基础
简单选择器
- 类
- id
- 元素/标签
- *
- 复合(sel1,sel2)逗号隔开
层次选择器
- s1 s2;后代选择器,空格隔开
- p>c;子代选择器;不包括孙代及以下
- p+next ;相邻选择器
- p~sub;兄弟选择器,同一父级下并列子代
表单选择器,表单form下元素
- :input;包括 input,textarea,select
- :text;文本框
- :password;密码框
- :radio;单选按钮
- :checkbox;复选框
- :submit;提交按钮
- :image;图像域
- :reset;重置按钮
- :button;按钮
- :file;文件域
- 例如:$("form:input").val();
***过滤选择器(重要)
表单对象属性过滤选择器
- :enabled;属性为可用的标签元素
- :disabled;属性为不可用的标签元素
- :checked;属性为被选中的元素
- :selected;被选择中option的元素;$("select option:selected")
子元素过滤选择器
- :nth-child(eq(n)|even|odd|index);子元素,索引从1开始
- :first-child;第一个子元素
- :last-child;最后一个子元素
- :only-child;获取父元素中仅有一个子元素的
属性过滤选择器
- [ attr ];所有拥有该属性的元素
- [ attr = val ];属性的值为val的元素
- [ attr != val ];属性值不等于val的元素
- [ attr ^=val ];以属性值为val开始的元素
- [ attr $= val ];以属性值为val结束的元素
- [ attr *= val ];含有val值的元素
- [ attr1 ][ attr2 ];同时满足两个属性的元素;$("div[ id = 'eg1'][ title = 'eg2' ]").show();
可见性过滤选择器
- :hidden;获取所有不可见,或者type=hidden的元素
- :visible;获取所有可见元素
内容过滤选择器
- :content(text);获取包含指定文本的元素
- :empty; 不含或空文本的元素
- :has(selector);含有某选择器的元素;$("div:has('span')").show();
- :parent;含有子元素或文本的元素
简单过滤选择器
- first()或:first;
- last()或:last;
- :not(seletor);
- :even;索引为偶数,索引从0开始
- :odd;索引为奇数,从0开始
- :eq(index);给定索引,从0开始
- :gt(index);大于索引,从0开始
- :lt(index);小于索引,从0开始
- :header;标题
- :animatex;正在执行动画的
jquery选择器基础的更多相关文章
- jquery选择器基础知识
$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("di ...
- jquery选择器基础知识(复制w3c)
jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素. $("p") 选取 <p> 元素. $("p.intro") ...
- 深入学习jQuery选择器系列第一篇——基础选择器和层级选择器
× 目录 [1]id选择器 [2]元素选择器 [3]类选择器[4]通配选择器[5]群组选择器[6]后代选择器[7]兄弟选择器 前面的话 选择器是jQuery的根基,在jQuery中,对事件处理.遍历D ...
- JQuery基础知识==jQuery选择器
选择器是jQuery的基础,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器 1. CSS选择器 1.1 CSS是一项出色的技术,它使得网页的结构和表现样式完全分离.利用CSS选择 ...
- js进阶 10-4 jquery中基础选择器有哪些
js进阶 10-4 jquery中基础选择器有哪些 一.总结 一句话总结: 1.群组选择器用的符号是什么? 群组选择器,中间是逗号 2.jquery中基础选择器有哪些? 5种,类,id,tag,群组, ...
- jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jquery筛选方法
jQuery---jq基础了解(语法,特性),JQ和JS的区别对比,JQ和JS相互转换,Jquery的选择器(基础选择器,层级选择器,属性选择器),Jquery的筛选器(基本筛选器,表单筛选器),Jq ...
- jQuery(三)之 选择器(基础版)
对于jQuery的调用,我们一般都会传入参数 html: <div></div> js: console.log($('<a />')); console.log( ...
- jQuery基础(2)-- jQuery 选择器
jQuery 选择器允许您对 HTML 元素组或单个元素进行操作.jQuery 选择器基于元素的 id.类.类型.属性.属性值等"查找"(或选择)HTML 元素. 它基于已经存在的 ...
- jQuery 选择器 (基础恶补之三)+Ajax
jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法. load() 方法从服务器加载数据,并把返回的数据放入被选元素中. 语法: $(selector). ...
随机推荐
- sql随机时间
declare @endtime datetime declare @starttime datetime set @starttime='2017-09-01' set @endtime = '20 ...
- yum 安装LAMP
一.安装 MySQL 首先来进行 MySQL 的安装.打开超级终端,输入: [root@localhost ~]# yum install mysql mysql-server 安装完毕,让 MySQ ...
- RCLighting
RCLighting https://github.com/RidgeCorn/RCLighting 效果: 真机测试的效率: 看了源码,其实原理很简单: ====================== ...
- matlab中的knn函数
knn 最邻近分类 Class = knnclassify(test_data,train_data,train_label, k, distance, rule) k:选择最邻近的数量 distan ...
- ZT pthread_detach
pthread_detach 创 建一个线程默认的状态是joinable, 如果一个线程结束运行但没有被join,则它的状态类似于进程中的Zombie Process,即还有一部分资源没有被回收(退出 ...
- Python 执行命令行操作。
os.system os.popen() commands.getstatusoutput(cmd) (status, output) = commands.getstatusoutput('cat ...
- Java.util 包(Date 类、Calendar类、Random类)
java.util 包提供了一些实用的方法和数据结构. Date 类 Date 类表示日期和时间,里面封装了操作日期和时间的方法.Date 类经常用来获取系统当前时间. 构造方法: 构造方法 说明 D ...
- ECharts 图表设置标记的大小 symbolSize 和获取标记的值
ECharts 是百度出品,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等) ...
- django创建项目问题解决办法
问题描述: Python编程:从入门到实践第十八章18.1.6 ❶(ll_env)learning_log$ django-admin.py startproject learning_log .❷ ...
- 【题解】前k大子段和
题目描述 Peter喜欢玩数组.NOIP这天,他从Jason手里得到了一个大小为\(n\)的数组. Peter求出了这个数组的所有子段和,并将这\(\frac{n(n+1)}{2}\)个数降序排列,他 ...