jquery学习之路之选择过滤

$(myForm.elements).

jquery选择过滤学习:
$("tr:even")----匹配所有的偶数行(索引值查询)
$("tr:odd")----匹配所有的技术行
$("tr:eq(2)")----匹配下标为2的tr元素内容
$("tr:gt(1)")----匹配所有下标大于1的行
$("tr:lt(2)")----匹配所有下标小于2的行
$("div:not(:animated)").animate({left:"+=20"},1000);
----只有对不在执行动画效果的元素执行一个动画效果
$("#login:focus"); ----当页面加载后将id为"login"的元素设置为焦点
$("div:contains(‘John‘)")----查找所有包含"Join"的div元素
$("td:empty");----查找所有不包含子元素或者文本的空元素
$("div:has(p)").addClass("test");----给多有包含p元素的div元素添加一个text的类
$("td:parent")----查找所有含有子元素或者文本的td元素
$("input:hidden")----匹配type为hidden的元素(或者查找隐藏的tr,$("tr:hidden"),-----------style(disply:none)表示被隐藏)

$("tr:visible")----查找所有可视的tr元素

$("div[id]")----查找所有含有id属性的div元素
$("input[name=‘newslstter‘]").attr("checked",true);
$("input[name!=‘newslstter‘]").attr("checked",true);
$("input[name^=‘news‘]")-----以news开头的input元素
$("input[name$=‘news‘]")-----以news结尾的input元素
$("input[name*=‘man‘]")----查找所有name包含main的input元素
$("input[id][name$=‘man‘]")----找到所有含有id属性,并且它的name值以man结尾的元素
$("ul li:nth-child(2)")----在每个ul中查找第二个li
$("ul li:first-child")
$("ul li:last")
$("ul li:only-child")----在ul中查找是唯一子元素的li

$(":input")----查找所有的input元素
$(":text")----查找所有的单行文本框
$(":password")----查找所有的密码框
$(":...")----查找所有的...

$(":ennabled")
$(":disabled")----匹配所有不可用的元素
$(":checked")----查找所有选中的复选框的元素(复选框、单选框等不包括select的option)
$(":selected")----匹配所有选中的option元素

$("div,span,p.myClass")----找到匹配任意一个类的元素
$("form input")----找到表单中所有的input元素
$("form > input")----匹配表单中所有的子级input元素
$("lable + input")----匹配所有跟在lable后面的input元素
$("form input")----找到所有与表单同辈的input元素

$("input[type=‘checkbox‘]").prop("checked");----选中为true,未选中为false
$("input[type=‘checkbox‘]").prop({disabled:true});----禁用页面上的所有复选框

$("input[type=‘checkbox‘]").prop("chehcked",function(i,val){
return !val;
}); ------通过函数来设置所有页面上的复选框被选中

核心函数:

时间: 2024-10-02 01:58:27

jquery学习之路之选择过滤的相关文章

jQuery学习之路(四)之过滤选择器

今天是第四课主要学习过滤选择器 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>lesson4 过滤选择器</title> <link rel="stylesheet" type="text/css" href="css/lesson.css" ></link>

jQuery学习之路(1)-选择器

▓▓▓▓▓▓ 大致介绍 终于开始了我的jQuery学习之路!感觉不能再拖了,要边学习原生JavaScript边学习jQuery jQuery是什么? jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨是"write Less,Do More",即倡导写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优

Jquery 学习之路(四)高大上的图片轮换

网站首页没有一点动画怎么可以,我以前用过Flash As3做过图片切换,效果非常不错,可是麻烦,改变起来麻烦.一直都想自己做个图片切换效果,总认为比较麻烦,今天自己实践了一下,其实还比较简单.不过有个小问题,IE8不兼容模式下 设置有透明效果的div 样式添加失效了,但是我用谷歌,IE8兼容测试都ok. 反正是给自己记录的,也不多话了,js没有与页面分离,也没有做出插件.一个网站要不了几个这种效果,先实现了再说吧.最后的效果还是很高大上的. 下载地址:http://files.cnblogs.c

Jquery学习之路(三) 实现弹出层插件

弹出层的应用还是比较多的,登陆,一些同页面的操作,别人的总归是别人的,自己的才是自己的,所以一直以来想写个弹出层插件.不多废话,直接开始吧! 不想看可以在这里直接下载源码xsPop.zip 1:遮罩层 要弹出层,先要用一个遮罩层挡在下面的页面,此遮罩层是全屏的,页面滚动也要有,所以设置 position: fixed;还要有透明效果,下面是我定义的遮罩层css,取名mask .mask { position: fixed; width: 100%; height: 100%; backgroun

jQuery 学习之路(4):事件

一.文档载入事件 二.事件绑定 三.事件对象 四.浏览器事件 五.表单事件 六.键盘事件 七.鼠标事件 jQuery 学习之路(4):事件,布布扣,bubuko.com

jQuery 学习之路(5):表单

处理表单中的元素 jQuery 学习之路(5):表单,布布扣,bubuko.com

jQuery学习之路-A

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <script type="text/javascript" src="D:/jquery2.0/jquery-2.0.0.js"></scr

jQuery学习之路(8)- 表单验证插件-Validation

▓▓▓▓▓▓ 大致介绍 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言.该插件是由 Jörn Zaefferer 编写和维护的,他是 jQuery 团队的一名成员,是 jQuery UI 团队的主要开发人员,是 QUnit 的维

jQuery 学习之路(1):引子

一.主流 javascript 库 除 jQuery 外,还有 Prototype.Dojo.YUI.ExtJS.MooTools ,其中 Prototype 较老,结构设计较为松散,ExtJS 界面很棒但需要商业授权,MooTools 也是值得学习的一个 js 库,Dojo 有一些特殊功能,也可以考虑学习,YUI 的文档很完备,语法也规范.对我个人而言,选择性依次为 jQuery > MooTools > ExtJS > Dojo > YUI > Prototype. jQ