jquery属性选择器(同时匹配多个条件)

时间:2022-12-11 09:36:50
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>属性选择器</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<style type="text/css">
.yang{ border-collapse: collapse; width:500px;height:30px;border:1px solid red;"}
</style>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
/*
[attribute] :匹配具有指定属性的元素
[attribute=value] :匹配属性为指定值的元素
[attribute!=value] :匹配属性值不等于指定值的元素
[attribute^=value] :匹配属性值以指定值开始的元素
[attribute$=value] :匹配属性值以指定值结束的元素
[attribute*=value] :匹配属性值中包含指定值的元素
[selector1][selector2][selectorN] :同时指定多个匹配条件
*/
window.onload=function(){
$('#btnOk').click(function(){
//匹配具有color属性的font并把内容改为jquery
//$('font[color]').html('jquery'); //:匹配属性为指定值的元素
//$("font[color='#667788']").html('颜色'); // 匹配属性不为指定值的元素
//$("font[color!='#667788']").html('颜色'); //匹配属性值以指定值开始的元素
//$("font[color^='#667788']").html('我的'); 同时指定多个匹配条件
$('font[size][color]').html('YUYJN'); });
};
</script>
</head>
<body>
<font size="6">字体1</font>
<hr />
<font color="#336699">字体2</font>
<hr />
<font color="#667788">字体3</font>
<hr />
<font color="#338899">字体4</font>
<hr />
<font size='6' color="#FFAA99">字体5</font>
<hr />
<hr/>
<input type="button" id='btnOk' value='确定' />
</body>
</html>

jquery属性选择器(同时匹配多个条件)的更多相关文章

  1. jquery属性选择器(匹配具有指定属性的元素)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. jquery 属性选择器

    jquery 属性选择器   第一种根据属性选择E[attr] $("[title]").click().......... 即选择所有元素内 属性带有title的元素即<l ...

  3. jquery-6 jquery属性选择器

    jquery-6 jquery属性选择器 一.总结 一句话总结:jquery操作就是选择器加jquery对象的各种方法. 1.大量操作样式用什么方式? 大批量样式通过加类和减类完成 2.jquery中 ...

  4. jquery属性选择器

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  5. jQuery属性选择器&period;attr&lpar;&rpar;和&period;prop&lpar;&rpar;两种方法

    在判断表单单选框是否被选中时,通常会想到使用$('#checkbox').attr('checked')来判断,但在一些情况下,你会发现这种方法并不管用,得到的是undefined. 原来jQuery ...

  6. Jquery 属性选择器&amp&semi;设置元素属性

    什么是属性选择器呢?感觉理解起来有点难,举个例子就很容易明白了,<div id="ajaxa"></div>这里的id就是属性,这下就很容易理解了, jqu ...

  7. Jquery属性选择器(同时匹配多个条件&comma;与或非)(附样例)

    1. 前言 为了处理除了两项不符合条件外的选择,需要用到jquery选择器的多个条件匹配来处理,然后整理了一下相关的与或非的条件及其组合. 作为笔记记录. 2. 代码 <!DOCTYPE htm ...

  8. &lbrack;转&rsqb;Jquery属性选择器(同时匹配多个条件&comma;与或非)(附样例)

    1. 前言 为了处理除了两项不符合条件外的选择,需要用到jquery选择器的多个条件匹配来处理,然后整理了一下相关的与或非的条件及其组合. 作为笔记记录. 2. 代码 1 2 3 4 5 6 7 8 ...

  9. jquery属性选择器中&vert;value和&Hat;value的区别

    jquery的属性选择中有两个比较混淆:一个是[attribute^value], 另一个是[attribute|value]. 先看解释: [attribute^value]:选取属性的值以valu ...

随机推荐

  1. - 高级篇:二&comma;IL设置静态属性&comma;字段和类型转换

    - 高级篇:二,IL设置静态属性,字段和类型转换 静态属性赋值 先来看 Reflector反射出的IL源码(感谢Moen的提示),这次用 Release模式编译,去掉那些无用的辅助指令 public ...

  2. C语言博客作业--函数

    一.PTA实验作业 题目1 (6-7) (1).本题PTA提交列表 (2)设计思路 设计第一个函数判断是否完数int factorsum( int number ) 定义sum.i:sum初始化归0, ...

  3. 剑指offer-删除链表中重复的节点

    题目描述   在一个排序的链表中,存在重复的结点,请删除该链表中重复的结点,重复的结点不保留,返回链表头指针. 例如,链表1->2->3->3->4->4->5 处 ...

  4. 自定义view 波浪效果

    实现波浪效果view,可以自定义view,也可以自定义drawable,我个人比较喜欢重写drawable,因此这里是自定义drawable实现效果,费话少说,先看效果. 这里用了两种方式实现波浪效果 ...

  5. stylus笔记&lpar;三&rpar;

    1.@import 导入 Stylus支持字面@import CSS, 也支持其他Stylus样式的动态导入. 任何.css扩展的文件名将作为字面量.例如: @import "reset.c ...

  6. linux no space left on device

    一般有两个原因: 1.磁盘空间不足 2.inode不足 用df -h查看磁盘空间使用情况 用df -i查看inode使用情况

  7. PHP-中文在计算机中的存储

    经常我们打开外国网站的时候出现乱码,又或者打开很多非英语的外国网站的时候,显示的都是口口口口口的字符, WordPress程序是用的UTF-8,很多cms用的是GB2312. ● 为什么有这么多编码? ...

  8. cookies session filter 自动登录

    webxml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi=" ...

  9. java中&comma;scala中代码检测当前环境的版本

    //来自spark源码// sparkContext初始化的时候写着  private def warnDeprecatedVersions(): Unit = { val javaVersion = ...

  10. vs asp&period;net 给所有邮箱发邮件,案例,源代码,c&num;

       //发送邮箱             MailMessage mailObj = new MailMessage();             mailObj.From = new MailAd ...