Jquery------三种选择器（基本选择器、过滤选择器、表单过滤选择器）

一、Jquery选择器基本概念

筛选具有相似特征的元素（比如，改变所有class=" one "的元素样式）

二、基本操作

（一）会写函数入口（否则无法执行函数），函数入口有两种写法：

1. window.οnlοad=function(){ };

2. $(function( ){ });

两种入口都可以加载函数，但要注意到两者之间的不同点：

*window.οnlοad=function(){};在加载函数的时候只能加载一次

（举个例子：同时加载两个函数的时候，只会加载出最新的一个函数，而另一个函数就会被覆盖掉）

*$(function(){}); 可以同时加载多个函数

（二）会绑定事件，获取元素

$(#id名") .click (function () {

代码段

})

三、选择器的分类

1. 基本选择器

1.1 标签选择器语法：$(" 标签")

1.2 id选择器语法：$("#id名")

1.3 类选择器语法：$(" .类名")

1.4 并集选择器语法：$("选择器1，选择器二...........")

2. 过滤选择器

2.1 首元素选择器语法：$("元素名（例如div）：first");

2.2 尾元素选择器语法：$("元素名（例如p）:last");

2.3 非.......选择器语法：$("元素名（例如div）：not(填id名、类名 )")；

2.4 偶数选择器语法：$("元素名（例如div）: even");

2.5 奇数选择器语法：$("元素名（例如 span）:odd");

2.6 等于索引选择器语法：$("元素名（例如 p）:eq(填数字)");

2.7 大于索引选择器语法：$(" 元素名（例如div）:gt(填数字)");

2.8 小于索引选择器语法：$("元素名（例如span）:lt(填数字)");

2.9 标题选择器语法：$(" : header")

3.表单过滤选择器

1.可用元素选择器语法：enabled 例如 $(" input[type='text']:enabled");

2.不可用元素选择器语法： disabled 例如 $("input[type='text']:disabled");

3.复选框选中选择器语法： checked 例如 $("input[type='checkbox']:checked");

4.下拉列表选中选择器语法： selected 例如$("option:selected")

转载于:https://www.cnblogs.com/Hubert-dzl/p/11119263.html

Jquery------三种选择器（基本选择器、过滤选择器、表单过滤选择器）相关推荐

jq选择器||基本选择器层级选择器属性选择器过滤选择器表单过滤选择器
基本选择器层级选择器属性选择器过滤选择器表单过滤选择器 1. 基本选择器 1. 标签选择器(元素选择器) * 语法: $("html标签 ...
jQuery表单验证选择器
基础表单选择器: :text 选取所有文本框,button元素 :password 选取所有密码框 :radio 选取所有单选按钮 :checkbox 选取所有复选框 :reset 选取所有重置按钮 ...
4-8 :button表单按钮选择器
:button表单按钮选择器表单中包含许多类型的按钮,而使用:button选择器能获取且只能获取"type"属性值为"button"的<input> ...
第三章用检验控件执行表单的验证
第三章用检验控件执行表单的检验主要内容: l 使用客户端检验 l 必填域控件:RequiredFieldValidator l 检验表达式控件:RegularExpressionValidator ...
jQuery用面向对象的思想来编写验证表单的插件
本人的重点是怎么构建一个简单有效可扩展的jQuery表单验证插件,这篇文章没有教你怎么用 validate plugin.我们的重点在学习一些jQuery,Javascript面向对象编程的知识. 下 ...
点击返回页面顶部（h5、js、jQuery 三种方式）
当页面过长时,通常会在滚动条到一定位置时设置按钮,点击可以快速返回顶部或者指定的位置处. 参考文档:jQuery中页面返回顶部的方法总结方法一:锚点定位当点击a标签,会直接返回到顶部:如果p标签有 ...
CSS——（CSS样式规则，CSS样式表单，选择器，常用的CSS属性）
CSS(Cascading Style Sheets,层叠样式表单)是由W3C所提出,主要的用途是控制网页的外观,也就是定义网页的编排,显示,格式化及特殊效果,有部分功能与HTML重叠. 1.CSS样 ...
exp/imp三种模式——完全、用户、表
ORACLE数据库有两类备份方法.第一类为物理备份,该方法实现数据库的完整恢复,但数据库必须运行在归挡模式下(业务数据库在非归挡模式下运行),且需要极大的外部存储设备,例如磁带库:第二类备份方式为逻辑 ...
JavaScript 编程精解中文第三版十八、HTTP 和表单
十八.HTTP 和表单原文:HTTP and Forms 译者:飞龙协议:CC BY-NC-SA 4.0 自豪地采用谷歌翻译部分参考了<JavaScript 编程精解(第 2 版)> ...

Jquery------三种选择器（基本选择器、过滤选择器、表单过滤选择器）

Jquery------三种选择器（基本选择器、过滤选择器、表单过滤选择器）相关推荐

最新文章

热门文章