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 相关文章推荐
JavaScript CSS修改学习第二章 样式
Feb 19 Javascript
javascript循环变量注册dom事件 之强大的闭包
Sep 08 Javascript
formValidator3.3的ajaxValidator一些异常分析
Jul 12 Javascript
JavaScript访问字符串中单个字符的两种方法
Jul 03 Javascript
JQuery自适应窗口大小导航菜单附源码下载
Sep 01 Javascript
form表单转Json提交的方法(推荐)
Sep 23 Javascript
详解vue几种主动刷新的方法总结
Feb 19 Javascript
详解js 创建对象的几种方法
Mar 08 Javascript
JS中比Switch...Case更优雅的多条件判断写法
Sep 05 Javascript
vue 解决数组赋值无法渲染在页面的问题
Oct 28 Javascript
vue+Element中table表格实现可编辑(select下拉框)
May 21 Javascript
详解webpack的文件监听实现(热更新)
Sep 11 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判断指定时间段的2个方法
2014/03/14 PHP
php 中phar包的使用教程详解
2018/10/26 PHP
PHP随机数函数rand()与mt_rand()的讲解
2019/03/25 PHP
通用javascript脚本函数库 方便开发
2009/10/13 Javascript
javascript设计模式--策略模式之输入验证
2015/11/27 Javascript
JavaScript sort数组排序方法和自我实现排序方法小结
2016/06/06 Javascript
浅谈Javascript中的Label语句
2016/12/14 Javascript
关于Sequelize连接查询时inlude中model和association的区别详解
2017/02/27 Javascript
JS给按钮添加跳转功能类似a标签
2017/05/30 Javascript
phantomjs导出html到pdf的方法总结
2017/10/19 Javascript
浅析Vue项目中使用keep-Alive步骤
2018/07/27 Javascript
vue动态删除从数据库倒入列表的某一条方法
2018/09/29 Javascript
Vue实现商品详情页的评价列表功能
2019/09/04 Javascript
Python的Flask框架中实现分页功能的教程
2015/04/20 Python
Win8.1下安装Python3.6提示0x80240017错误的解决方法
2018/07/31 Python
python开启摄像头以及深度学习实现目标检测方法
2018/08/03 Python
在Python中定义一个常量的方法
2018/11/10 Python
对Python多线程读写文件加锁的实例详解
2019/01/14 Python
详解Python的数据库操作(pymysql)
2019/04/04 Python
Python线程条件变量Condition原理解析
2020/01/20 Python
Python运行提示缺少模块问题解决方案
2020/04/02 Python
Django之富文本(获取内容,设置内容方式)
2020/05/21 Python
Kingsoft金山公司C/C++笔试题
2016/05/10 面试题
事务机电主管工作职责
2014/02/25 职场文书
人力资源职位说明书
2014/07/29 职场文书
企业总经理助理岗位职责
2014/09/12 职场文书
干部作风整顿自我剖析材料和整改措施
2014/09/18 职场文书
2014年实习期工作总结
2014/11/27 职场文书
优秀共产党员事迹材料
2014/12/18 职场文书
水电工岗位职责
2015/02/14 职场文书
浅谈如何写好演讲稿?
2019/06/12 职场文书
2019感恩宣传标语!
2019/07/05 职场文书
小学四年级作文之人物作文
2019/11/06 职场文书
Python离线安装openpyxl模块的步骤
2021/03/30 Python
pytorch实现线性回归以及多元回归
2021/04/11 Python
微信小程序APP的生命周期及页面的生命周期
2022/04/19 Javascript