jQuery中:selected选择器用法实例


Posted in Javascript onJanuary 04, 2015

本文实例讲述了jQuery中:selected选择器用法。分享给大家供大家参考。具体分析如下:

此选择器能够匹配被选择的<option>元素。

语法结构:

$(":selected")

此选择器可以和其他选择器配合使用,比如类选择器、元素选择器等等。例如:
$(".myselect :selected").css("color","red")

以上代码能够将类名为myselect的元素下被选择的<option>元素中的文本颜色设置为红色。大家一定要注意上面的代码,两个选择器之间是用空格分隔的,这个时候是后代选择器, 如果没有空格的话那就成了复合属性选择器,代码的意思也就变为将类名为myselect并且被选择的<option>元素中的字体颜色设置为红色。

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<title>三水点靠木</title>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){ 

  $(".myselect :selected").css("color","red") 

}); 

</script>

</head>

<body>

<ul>

  <li>

    <select name="myselect" class="myselect">

      <option>html专区</option>

      <option>ASP专区</option>

      <option selected="selected">JQuery专区</option>

    </select>

  </li>

</ul>

</body>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
jquery(live)中File input的change方法只起一次作用的解决办法
Oct 21 Javascript
js获取网页高度(详细整理)
Dec 28 Javascript
实用的Jquery选项卡TAB示例代码
Aug 28 Javascript
iframe窗口高度自适应的又一个巧妙实现思路
Apr 04 Javascript
javascript使用正则表达式实现去掉空格之后的字符
Feb 15 Javascript
jQuery+jRange实现滑动选取数值范围特效
Mar 14 Javascript
javascript引用类型之时间Date和数组Array
Aug 27 Javascript
JavaScript+html5 canvas绘制渐变区域完整实例
Jan 26 Javascript
node.js实现博客小爬虫的实例代码
Oct 08 Javascript
js按条件生成随机json:randomjson实现方法
Apr 07 Javascript
jquery写出PC端轮播图实例
Jan 26 jQuery
JavaScript中EventBus实现对象之间通信
Oct 18 Javascript
jQuery中:checked选择器用法实例
Jan 04 #Javascript
jQuery中:disabled选择器用法实例
Jan 04 #Javascript
AngularJS中取消对HTML片段转义的方法例子
Jan 04 #Javascript
jQuery中:enabled选择器用法实例
Jan 04 #Javascript
jQuery中:file选择器用法实例
Jan 04 #Javascript
jQuery中:button选择器用法实例
Jan 04 #Javascript
原生javascript实现隔行换色
Jan 04 #Javascript
You might like
PHP超全局变量实现原理及代码解析
2020/09/01 PHP
基于jquery实现控制经纬度显示地图与卫星
2013/05/20 Javascript
用正则表达式替换图片地址img标签
2013/11/22 Javascript
js使用eval解析json(js中使用json)
2014/01/17 Javascript
JavaScript设计模式之工厂模式和构造器模式
2015/02/11 Javascript
jQuery实现动画效果circle实例
2015/08/06 Javascript
实例讲解javascript注册事件处理函数
2016/01/09 Javascript
AngularJS执行流程详解
2017/02/17 Javascript
JavaScrpt中如何使用 cookie 设置查看与删除功能
2017/07/09 Javascript
js异步编程小技巧详解
2017/08/14 Javascript
webpack打包node.js后端项目的方法
2018/03/10 Javascript
详解操作虚拟dom模拟react视图渲染
2018/07/25 Javascript
vue添加axios,并且指定baseurl的方法
2018/09/19 Javascript
vuejs2.0运用原生js实现简单拖拽元素功能
2020/08/21 Javascript
vue3修改link标签默认icon无效问题详解
2019/10/09 Javascript
解决vue+ element ui 表单验证有值但验证失败问题
2020/01/16 Javascript
解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
2020/08/14 Javascript
python实现ftp客户端示例分享
2014/02/17 Python
python抓取网页内容示例分享
2014/02/24 Python
整理Python 常用string函数(收藏)
2016/05/30 Python
Python解惑之True和False详解
2017/04/24 Python
Python利用lxml模块爬取豆瓣读书排行榜的方法与分析
2019/04/15 Python
Python实战之制作天气查询软件
2019/05/14 Python
Python使用sklearn实现的各种回归算法示例
2019/07/04 Python
Python利用WMI实现ping命令的例子
2019/08/14 Python
python super的使用方法及实例详解
2019/09/25 Python
python求质数列表的例子
2019/11/24 Python
Pycharm快捷键配置详细整理
2020/10/13 Python
python实现代码审查自动回复消息
2021/02/01 Python
用React加CSS3实现微信拆红包动画效果
2017/03/13 HTML / CSS
Hunkemöller西班牙:欧洲最大的内衣连锁店
2018/08/15 全球购物
Hawes & Curtis澳大利亚官网:英国经典服饰品牌
2018/10/29 全球购物
个性大学生自我评价
2013/12/04 职场文书
青年文明号服务承诺
2014/03/31 职场文书
sql字段解析器的实现示例
2021/06/23 SQL Server
关于MySQL中的 like操作符详情
2021/11/17 MySQL