2015-10-07 jQuery2
jQuery (2)
四. 过滤选择器
1. $("input[type='button']").val(“中国”) //所有设置type=button的input,其value设为中国。
简写==>$(":button").val("中国")
列表:
$(":button") | 所有按钮 |
$(":checkbox") | 所有复选框,<==>$(“input[type=’checkbox’]”) |
$("div:contains(foo)" | 所有div中包含了文本“foo”的元素 |
$(“:disabled”) | 所有被禁用的元素<==>$("input[disabled=disabled]").attr("value", "aaa");) |
$(“:enable”) | 所有没有被禁用的元素 |
$(“:file”) | 所有上传文件 |
$(“:input”) | 所有表单元素 |
$(“:selected”) | 所有下拉菜单中被选中的项 |
$(“:visible”) | 所有可见的元素 |
$(“:submit”) | 所有提交按钮 |
五. 反向过滤
$("input:not(:text)").val("中国") // 表示所有input中不是文本框的,给它一个value值=”中国“。
<==>$("input").not(":text").val("中国")
注意: p :not(p:hidden) 错误
p:not(:hidden) 正确 //not后是针对前面的结果集,即not中不能有其它标签
六.管理选择结果
1.获取元素的个数
$("img").size() //获取所有页面中img的个数
2. 提取元素
$("img[title]")[1] 获取所有设置了title属性的img标记中的第二个元素。
<==>$("img[title]").eq(1)
3.获取索引
alert($("div").index($("div[title='你好']")).eq(1)); //设置了“title=你好”的第二个div,在整个div的索引
获取当前对象的索引-----$(this).index();
获取当前对象的内容-----$(this).text();
4. 添加、删除、过滤元素
$("img[alt], img[title]").addClass("myClass") //所有设置了alt属性的img标记和所有设置了title属性的img标记 添加样式。
$("img").eq(3).removeClass("myClass") //将第四个img移除myclass样式
$("li[title]").not("[title*=isaac]") 所有设置了title属性的li标记,但不包括title值中包含isaac的li。
注意:not()中只能是通用的表达式
错误:$("li[title]").not("img[title*=isaac]")
正确: $("li[title]").not("[title*=isaac]")
5.筛选元素
$("li").filter("[title*=isaac]" ) <=> $("li[title*=isaac]") //筛选出title属性中包含isaac的li标签
注意:filter中的参数,不能直接是等于匹配,只能是前匹配^=,后匹配&=,任意匹配*=。
filter(函数) 函数要求返回布尔值,对于返回值为true的元素保留,否则去除。
6.find查找搜索
$("p").find("span") //在所有的p标签中搜索span标签
7.is返回bool
var bHasImge=$("div").is("img") //页面中所有的div中是否包含img标签,是返回true,否返回false。
七. jQuery链
1.jQuery语句链接在一起
$("div").addClass("myClass1").filter(function(index){return index==1||$(this).attr("id")=="fourth"}).addClass("myClass2"); //attr:设置属性值
//给所有的div加myClass1样式,然筛选出index=1或当前对象的id=fourth的div添加myClass2样式。
2.end表示操作对象为当前对象的上一级
$("p").find("span").addClass("myClass1").end().addClass("myClass2") //给p标签里的span加上myClass1样式,给p标签加上myClass2样式
$("p").find("span").addClass("myClass1").addClass("myClass2") //给p标签里的span加上myClass1样式和myClass2样式
3.andSelf()表示操作对象为当前对象和其上一级
$("div").find("p").addClass("myClass1").andSelf().addClass("myClass2") //给div里面的p加上myClass1样式,给div和div里面的p加上myClass2样式
八. 标记的属性
1.each()遍历元素
$(function(){
$("div").each(function(index){
var i=index+1;
$(this).attr("title","我是第"+i+"个div")
});
});
2. 获取属性的值
var sTitle=$("em:eq(1)").attr("title"); //获取第二个em的title属性
$("a[href^=http://]").attr("target","_blank"); // 对于属性href以http://开头的a标签,设置属性值target:_blank
$("img").attr({src:"aaa.jpg",title:"阮某",alt:"无法显示"}); //设置多个属性值
$("div").eq(3).removeAttr(“disabled”); //对第四个div删除属性值disabled
注:<em>标签表示强调,对于浏览器,表示将这段文字以斜体来显示
另:
$("div").eq(3).css("color","red");
$("div").eq(3).addClass("d4");
#d4{
color:#fff;
} //结果显示第四个div的字体还是红色,因为设置的css相等于在html中设置了内敛样式,其优先级>id>class.
同时也可以设置多个css(加上中括号): $("div").eq(0).css({"color":"black","font-size":"60px","height":"100px"});
转载于:https://www.cnblogs.com/71yishen/p/4864265.html
2015-10-07 jQuery2相关推荐
- 我关注的一周技术动态 2015.10.11
分布式系统实践 1. Hadoop生态新增列式存储系统Kudu https://mp.weixin.qq.com/s?__biz=MjM5NzAyNTE0Ng==&mid=208082880& ...
- delphi项目开发经验2008年09月18日 星期四 10:07随着项目的失败,这些天一直在总结失败的原因,到底是为什么?
delphi项目开发经验 2008年09月18日 星期四 10:07 随着项目的失败,这些天一直在总结失败的原因,到底是为什么? 一.技术层面 1.少用指针类型,多用类. ...
- 信息学奥赛一本通 1182:合影效果 | OpenJudge NOI 1.10 07:合影效果
[题目链接] ybt 1182:合影效果 OpenJudge NOI 1.10 07:合影效果 [题目考点] 1. 排序 [君义精讲]排序算法 [解题思路] 解法1:将男生身高和女生身高分别排序 将男 ...
- 日赚10.07亿?字节跳动去年收入约580亿美元 同比增长70%
近日,一则关于#字节跳动日均进账10.07亿元人民币#的消息引发网友们的关注,该话题一度冲上微博热搜.根据消息人士透露,今日头条.抖音及TikTok母公司字节跳动2021年全年收入约为580亿美元,同 ...
- 极客日报:爆字节跳动日均进账10.07亿元;iPhone 13粉屏上热搜;英特尔跌落神坛,CEO回应:是我们骄傲自大了
一分钟速览新闻点! 消息人士:字节跳动日均进账10.07亿 QQ音乐App测试看广告免费听歌,仅限部分受邀用户 有赞被曝第一轮裁员将超1500人 副总裁已离职 罗永浩宣布春节后回归科技界 继绿屏.红绿 ...
- MyMPC·暴风影音 Unicode 4.10.07 简体中文版
2004-10-09 17:04:36.467 重定向到 http://ftp.pconline.com.cn/pub/download/200409/StormCodec410u07cn.rar 关 ...
- DZ论坛全自动挂机回帖助手2015.10.25实用版
软件授权: 免费软件 运行环境: 2003/xp/win7/win8/win10 软件介绍: 下载地址:http://pan.baidu.com ...
- 成功的背后!(给所有IT人)(转载来自http://blog.csdn.net/ysuncn/archive/2007/10/07/1814127.aspx)
成功的背后,有着许多不为人知的故事,而正是这些夹杂着泪水和汗水的过去,才成就了一个个走向成功的普通人. 凌晨两点半,早已习惯了一个人坐在电脑前的我,望着屏幕,任思绪在暗夜的包容下静静流淌,时光仿佛 ...
- android info命令,5.查看APK里面的数据库命令 2015/10/28
查看APK里面的数据库命令2015/10/28 Microsoft Windows [版本 6.1.7601] 版权所有 (c) 2009 Microsoft Corporation.保留所有权利. ...
- seo技巧-2015/10/05
1.每页都要有它自己的文件名,并且有它自己的上级文件夹和它自己相关关键字. 2.建议在每页上使用一个的H1标签.我也试着使用许多H2 或H3的标签在页面内辅助构成正文内容. 3. 有时花费一点钱帮助你 ...
最新文章
- SpringBoot集成Quartz(解决@Autowired空指针Null问题即依赖注入的属性为null)
- java反序列化漏洞的一些gadget
- Bellman-Ford 算法 和 动态规划
- 数据类型的判断 --Object.prototype.toString.call(obj)精准检测对象类型
- 排序、翻页、函数计算问题
- 压测 mysql关闭连接_MySQL 压测
- linux ftp 登录慢,linux中vsftpd登录,上传下载文件慢解决办法linux操作系统 -电脑资料...
- git创建仓库,并提交代码(第一次创建并提交)(转)
- @sql 单元测试_如何在SQL单元测试中使用假表?
- cocos2dx骨骼动画Armature源码分析(一)
- Activiti-modeler使用
- 千万级用户-亿级请求的平台架构演变
- sql插入时返回插入主键id(id位自动增长)
- 从零开始学ArcGIS Server(三)--如何创建一个个人地理数据库ArcSDE Personal geodatabase...
- 名片识别信息分类python_名片识别API接口_免费数据接口 - 极速数据
- 在人工智能领域创业,需要明确可知的5个基本条件
- STM8S003引脚坑(开发过的人都知道)
- JDK 1.4 中打印,
- Android 关于图片的压缩
- Object.freeze()