jQuery中:focus选择器用法实例


Posted in Javascript onDecember 30, 2014

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

此选择器能够匹配当前获取焦点的元素。

语法结构:

$(":focus")

:focus选择器一般需要和其他选择器配合使用,例如和类选择器,元素选择器等等。例如:
$("li:focus")

以上代码会匹配获得焦点的li元素。
当然此选择器前面不加任何其他选择器,不过不加指定的选择器,那么默认就是添加了通用选择器(*)。例如:
$(":focus")

以上代码和下面代码等效:
$("*:focus")

实例代码:

<!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(){ 

  $("li:focus").css("color","red"); 

}) 

</script>

</head>

<body>

<ul>

  <li>div+css专区</li>

  <li>HTML专区</li>

</ul>

</body>

</html>

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

Javascript 相关文章推荐
!DOCTYPE声明对JavaScript的影响分析
Apr 12 Javascript
javascript之Partial Application学习
Jan 10 Javascript
不使用浏览器运行javascript代码的方法
Jul 24 Javascript
jquery操作checkbox示例分享
Jul 21 Javascript
angularJS结合canvas画图例子
Feb 09 Javascript
Vue列表页渲染优化详解
Jul 24 Javascript
vue组件 $children,$refs,$parent的使用详解
Jul 31 Javascript
JS如何获取地址栏的参数实例讲解
Oct 06 Javascript
在小程序Canvas中使用measureText的方法示例
Oct 19 Javascript
页面内锚点定位及跳转方法总结(推荐)
Apr 24 Javascript
在js文件中引入(调用)另一个js文件的三种方法
Sep 11 Javascript
javascript实现用户必须勾选协议实例讲解
Mar 24 Javascript
JavaScript中的原型链prototype介绍
Dec 30 #Javascript
jQuery中:not选择器用法实例
Dec 30 #Javascript
JavaScript中使用Object.create()创建对象介绍
Dec 30 #Javascript
JavaScript中对象property的读取和写入方法介绍
Dec 30 #Javascript
jQuery中:last选择器用法实例
Dec 30 #Javascript
JavaScript中对象property的删除方法介绍
Dec 30 #Javascript
JavaScript中检查对象property的存在性方法介绍
Dec 30 #Javascript
You might like
php设计模式 Adapter(适配器模式)
2011/06/26 PHP
PHP 面向对象程序设计(oop)学习笔记 (四) - 异常处理类Exception
2014/06/12 PHP
老版本PHP转义Json里的特殊字符的函数
2015/06/08 PHP
PHP中addcslashes与stripcslashes函数用法分析
2016/01/07 PHP
win7安装php框架Yii的方法
2016/01/25 PHP
PHP类与对象后期静态绑定操作实例详解
2018/12/20 PHP
13 个JavaScript 性能提升技巧分享
2012/07/26 Javascript
jquery 实现上下滚动效果示例代码
2013/08/09 Javascript
Jquery树插件zTree用法入门教程
2015/02/17 Javascript
JavaScript和JQuery的鼠标mouse事件冒泡处理
2015/06/19 Javascript
Vue Transition实现类原生组件跳转过渡动画的示例
2017/08/19 Javascript
代码实例ajax实现点击加载更多数据图片
2018/10/12 Javascript
vue+element-ui实现表格编辑的三种实现方式
2018/10/31 Javascript
详解Node.js一行命令上传本地文件到服务器
2019/04/22 Javascript
javascript事件循环event loop的简单模型解释与应用分析
2020/03/14 Javascript
python BeautifulSoup使用方法详解
2013/11/21 Python
python3制作捧腹网段子页爬虫
2017/02/12 Python
python 字符串转列表 list 出现\ufeff的解决方法
2017/06/22 Python
Django查询数据库的性能优化示例代码
2017/09/24 Python
pip install urllib2不能安装的解决方法
2018/06/12 Python
Flask框架Flask-Principal基本用法实例分析
2018/07/23 Python
Python如何爬取微信公众号文章和评论(基于 Fiddler 抓包分析)
2019/06/28 Python
python实现列表中最大最小值输出的示例
2019/07/09 Python
Python利用神经网络解决非线性回归问题实例详解
2019/07/19 Python
详解基于python-django框架的支付宝支付案例
2019/09/23 Python
python如何实现不可变字典inmutabledict
2020/01/08 Python
Python使用struct处理二进制(pack和unpack用法)
2020/11/12 Python
全球性的女装店:storets
2019/06/12 全球购物
Chemist Warehouse中文网:澳洲连锁大药房
2021/02/05 全球购物
各营销点岗位职责范本
2014/03/05 职场文书
环境保护建议书
2014/08/26 职场文书
产品委托授权书范本
2014/09/16 职场文书
共产党员批评与自我批评
2014/10/15 职场文书
2015年师德师风自我评价范文
2015/03/05 职场文书
2019自荐信范文集锦!
2019/07/03 职场文书
SpringBoot工程下使用OpenFeign的坑及解决
2021/07/02 Java/Android