当前位置:  编程技术>jquery

jquery属性选择器用法

    来源: 互联网  发布时间:2014-10-04

    本文导语:  jquery 属性选择器: [name|='value'] 该类型选择器选择匹配value或value-的元素。 例子:   代码示例: 百度  谷歌  腾讯  将使百度,腾讯字体变红   代码示例: $("[title|='en']").css("color","red");   [name*='value']   该选择器选择...

jquery 属性选择器:
[name|='value'] 该类型选择器选择匹配value或value-的元素。

例子:
 

代码示例:

将使百度,腾讯字体变红
 

代码示例:
$("[title|='en']").css("color","red"); 
 [name*='value']
 

该选择器选择包含value的元素,例如:
 

代码示例:
 
 
 
 
 

将使前四个字体变红
$("[name*=No]").css("color","red"); 
[name~='value']该选择器以单词为组进行选择,例如:
 

代码示例:
 

语句:
$("[name~='man']").css("color","blue"); 
[name$='value']该选择器将以词尾完全匹配进行选择,例如:
 

代码示例:
 
 
 
 
 

代码:
 

代码示例:
$("[name$='girl']").css("background-color","red");; 
 

 input的第一个,第三个背景将变色
[name='value']该选择器进行完全匹配选,例如:
 

代码示例:
 
 
 

代码:
 

代码示例:
$("[name='man']").css("background-color","blue"); 
 

 第一个input将背景将变色
[name!='value']该选择器进行反向匹配选择元素,例如:
 

代码示例:
 
 
 

 代码:
 

代码示例:
$("[name!='man']").css("color","green"); 

 input的第二个,第三个字体将变绿色
[name^='value']该选择器进行开头匹配选择,例如:
 

代码示例:
 
 
 
 

代码:
 

代码示例:
$("[name^='man']").css("color","red"); 

input的第一个,第二个字体颜色将变红


    
 
 

您可能感兴趣的文章:

  • JS与jquery自定义属性用法
  • jQuery setTimeout()函数的用法介绍
  • jQuery :visible 选择器(冒号)的用法
  • JQuery 判断某个属性是否存在hasAttr用法
  • jquery onpropertychange键盘事件用法举例
  • jQuery setTimeout用法总结(实例)
  • Jquery confirm弹出框的用法
  • jquery的focus函数用法示例
  • Jquery中slideToggle()与toggleClass()用法
  • Jquery 过滤器(first,last,not,even,odd)用法举例
  • jquery 字符串切割函数substring的用法说明
  • jquery判断浏览器类型($.browser用法)
  • jquery css类用法(添加、修改与删除css)
  • jquery中show()、hide()方法的用法
  • 有关jquery一些选择器的用法小结
  • Jquery中ajax方法data参数的用法小结
  • jquery中each的用法分享
  • jquery .attr()与.prop()用法解析
  • jquery插件jTimer jquery定时器的用法举例
  • jquery操作HTML5 的data-*的用法实例分享
  • jquery修改属性值实例代码(设置属性值)
  • jQuery学习笔记之jQuery原型属性和方法
  • 使用jQuery设置disabled属性与移除disabled属性
  • jQuery获得内容与属性方法
  • jQuery获得内容和属性示例代码
  • jQuery获得内容和属性方法及示例
  • jquery easyUI创建分组属性编辑器
  • jquery设置input中disabled属性
  • jQuery 获取/设置/删除DOM元素的属性以a元素为例
  • jQuery元素属性attr设置多个键值的例子
  • jquery根据name属性查找示例
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jQuery日期选择插件 jQuery UI Datepicker
  • jQuery 行政区选择插件 jQuery distpicker
  • jQuery 日期选择插件 jQuery-datepicker
  • jQuery区间选择控件 jquery range picker
  • jQuery的选择器引擎 Sizzle
  • jQuery下拉选择插件 MagicCombo
  • jQuery颜色选择器 ExColor
  • jQuery 颜色选择器 mColorPicker
  • jQuery日期选择插件 glDatePicker
  • jQuery 的日期选择插件 jdPicker
  • jQuery颜色选择器插件 Farbtastic
  • jQuery时间选择插件 jTimepicker
  • jQuery 日期选择插件 pickadate.js
  • jQuery颜色选择器 iColorPicker
  • jQuery 日期选择插件 Zebra_Datepicker
  • jQuery 颜色选择器 Spectrum
  • 日期选择控件 jQuery DateInput
  • jQuery地区选择插件 LocationSelect
  • jQuery 颜色选择插件 evol.colorpicker
  • jQuery 日期范围选择 Timeframe
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3