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中万恶的function实例分析
May 25 Javascript
ASP.NET MVC中EasyUI的datagrid跨域调用实现代码
Mar 14 Javascript
js实现可得到不同颜色值的颜色选择器实例
Feb 28 Javascript
JavaScript中消除闭包的一般方法介绍
Mar 16 Javascript
Javascript对象Clone实例分析
Jun 09 Javascript
javascript中if和switch,==和===详解
Jul 30 Javascript
jQuery实现的AJAX简单弹出层效果代码
Nov 26 Javascript
Vue.js每天必学之表单控件绑定
Sep 05 Javascript
原生JS实现在线问卷调查投票特效
Jan 03 Javascript
javascript 取小数点后几位几种方法总结
Aug 02 Javascript
在Vue项目中引入JQuery-ui插件的讲解
Jan 27 jQuery
如何从头实现一个node.js的koa框架
Jun 17 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购物车实现方法
2015/01/03 PHP
php从给定url获取文件扩展名的方法
2015/03/14 PHP
既简单又安全的PHP验证码 附调用方法
2016/06/02 PHP
原生JavaScript实现连连看游戏(附源码)
2013/11/05 Javascript
利用进制转换压缩数字函数分享
2014/01/02 Javascript
js报$ is not a function 的问题的解决方法
2014/01/20 Javascript
Javascript前端UI框架Kit使用指南之kitjs事件管理
2014/11/28 Javascript
js判断某个方法是否存在实例代码
2015/01/10 Javascript
js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)
2015/07/18 Javascript
基于jquery实现一个滚动的分步注册向导-附源码
2015/08/26 Javascript
jquery+ajax+text文本框实现智能提示完整实例
2016/07/09 Javascript
谈谈JS中常遇到的浏览器兼容问题和解决方法
2016/12/17 Javascript
Node.js pipe实现源码解析
2017/08/12 Javascript
vue 中filter的多种用法
2018/04/26 Javascript
jQuery中实现text()的方法
2019/04/04 jQuery
JavaScript遍历查找数组中最大值与最小值的方法示例
2019/05/24 Javascript
layui table 获取分页 limit的方法
2019/09/20 Javascript
js实现蒙版效果
2020/01/11 Javascript
[04:54]DOTA2 2017国际邀请赛:上届冠军WINGS采访短片
2017/08/09 DOTA
Python排序搜索基本算法之堆排序实例详解
2017/12/08 Python
Python实现带参数与不带参数的多重继承示例
2018/01/30 Python
python web自制框架之接受url传递过来的参数实例
2018/12/17 Python
Python 一键获取百度网盘提取码的方法
2019/08/01 Python
python双向链表原理与实现方法详解
2019/12/03 Python
Html5 canvas实现粒子时钟的示例代码
2018/09/06 HTML / CSS
Chemist Warehouse官方海外旗舰店:澳洲第一连锁大药房
2017/08/25 全球购物
英国领先品牌手动工具和电动工具供应商:Tooled Up
2018/11/24 全球购物
如何开发一个JQuery插件
2016/07/28 面试题
学前教育毕业生自荐信
2013/10/29 职场文书
财务管理个人自荐书范文
2013/11/24 职场文书
麦当劳辞职信范文
2014/01/18 职场文书
陈胜吴广起义口号
2014/06/20 职场文书
节约用电通知
2015/04/25 职场文书
自从在 IDEA 中用了热部署神器 JRebel 之后,开发效率提升了 10(真棒)
2021/06/26 Java/Android
SQL实现LeetCode(177.第N高薪水)
2021/08/04 MySQL