jQuery学习-属性选择器
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>属性选择器</title>
<script src="js/jquery.js"></script>
<script type="text/javascript">
$(function(){ //选择input标签 下类型属性为text和password的输入框
$("input[type='text']").css("border","1px solid red");
$("input[type='password']").click(function(){
alert("点击事件!")
}); //利用尾匹配完成对.cn结尾的超链接筛选
//$=代表以XXX结尾的情况
$("a[href$='.cn']").css("border","1px solid green"); //^=代表头匹配,筛选http://开头的超链接
$("a[href^='http://']").css("border","1px solid red"); //*=代表任意属性匹配,标签中任意属性值包含有'input'都会被选中
$("*[value*='input']").css("border","2px solid red"); //选择拥有rows属性的组建
$("*[rows]").css("border","2px solid red"); //选择 选中的单选框 多条件组合
$("input[type='radio'][checked='checked']").css("width","100px");
$("input[type='checkbox'][checked='checked']").css("width","100px"); //被禁用的文本框
$("input[type='text'][disabled='disabled']").css("border","1px solid blue"); });
</script>
</head>
<body>
<div>
<input type="text" value=""></input>
<br>
<input type="text" value="input111"></input>
<br>
<input type="text" value=""></input>
<br>
<input type="password" ></input>
<br>
<input type="text" disabled="disabled" value="diididid"></input>
<br>
<br><!--[if IE]> <![endif]-->
<a href="www.sina.com.cn">sina</a>
<br />
<a href="http://baidu.com">baidu</a>
<br />
<textarea rows="" ></textarea>
<br />
<input type="radio" checked="checked" />女
<input type="radio" />男
<br />
<input type="checkbox" checked="checked" />
<input type="checkbox" />
<input type="checkbox" />
</div> </body>
</html>
jQuery学习-属性选择器的更多相关文章
- jquery 学习(一) - 选择器
基本选择器(html) <div>123</div> <div id="n1">123</div> <span>321& ...
- jquery学习:选择器&dom操作
分类; 1.基本选择器 1.标签选择器(元素选择器) * 语法:$("html标签名”) 获得所有匹配标签名称的元素 2.id选择器 * 语法:$("#id的属性值" ...
- jQuery学习(三)——选择器总结
1.基本选择器 id选择器:$(“#id名称”); 元素选择器:$(“元素名称”); 类选择器:$(“.类名”); 通配符:* 多个选择器共用(并集) 案例代码: <!DOCTYPE html& ...
- jquery学习--属性操作
学习jquery很长一段时间了,知道对属性操作的方式为: $("#xx1").attr("xx2"); //获取属性值 $("#xx1"). ...
- jQuery学习之------选择器
a.id选择器 <div id=”test1”></div> var div1=$(“#test1”); //同css的写法一样id选择器用#号实 ...
- jQuery学习- 子选择器与可见性选择器
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- jQuery学习- 内容选择器
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- jQuery学习- 层叠选择器
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- jQuery学习- 位置选择器
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
随机推荐
- LocationCoder 地图经纬度解析
LocationCoder 地图经纬度解析 其实,在地图里面将地图解析成有意义的地址,或者把地址转换成有意义的经纬度都是很容易的事情,只是我将其封装了支持KVO,通知中心,block取结果,代理取结果 ...
- [翻译] DraggableYoutubeFloatingVideo
DraggableYoutubeFloatingVideo DraggableYoutubeFloatingVideo allows you to play videos on a floating ...
- CSS背景图片垂直居中center不起效果完美解决
背景图片居中CSS如下 background:#4892fe url("<%=basePath%>/img/login_bg.jpg") no-repeat cente ...
- Go语言-windows安装配置篇
Go-windows安装配置 前言 学习完了python基础,顺便也要提前学习一下go啦,抱着这样的心情,今晚尝试了安装一下go,很顺利的完成了,没有难度. 需要了解更多的关于Go的基本信息可以去维基 ...
- (1)Set集合 (2)Map集合 (3)异常机制
1.Set集合(重点)1.1 基本概念 java.util.Set接口是Collection接口的子接口,与List接口平级. 该接口中的元素没有先后放入次序,并且不允许重复. 该接口的主要实现类:H ...
- Java 的字符串,String、StringBuffer、StringBuilder 有什么区别?
String 是 Java 语言非常基础和重要的类,提供了构造和管理字符串的各种基本逻辑.它是典型的 Immutable 类,被声明成为 final class,所有属性也都是 final 的.也由于 ...
- 《面向对象程序设计》 三 Calculator 计算器初步
Git传送门 纸上得来终觉浅,绝知此事要躬行. 学习了一些c++的相应知识后,虽然了解写法,真正操作时还是出现小错误.要多操作,记住关键点,避免不该有的小错误. 写分文件类外定义时出现了问题.在Sca ...
- Nodejs Redis 全部操作方法
安装 npm install redis --save demo var redis = require('redis'); var client = redis.createClient('637 ...
- 问题:win10防火墙不能自动启动
问题:win10防火墙不能自动启动 描述:Windows防火墙不能自动启动,每次开机要手动启动,打开service.msc,里面防火墙的启动类型为手动,按钮为灰色,不能更改为自动,怎么办? 解决方法: ...
- ssh无密码登陆远程机,pssh轻批量工具
#B(client)--------A(g_server)#A: ssh-keygen -t rsa (g_server)#B: scp -P 58422 root@g_server_ip: ...