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 相关文章推荐
jquery ui dialog里调用datepicker的问题
Aug 06 Javascript
jquery 清空file域示例(兼容个浏览器)
Oct 11 Javascript
javascript实现的元素拖动函数宿主为浏览器
Jul 21 Javascript
JavaScript文档碎片操作实例分析
Dec 12 Javascript
分享我对JS插件开发的一些感想和心得
Feb 04 Javascript
详解JavaScript权威指南之对象
Sep 27 Javascript
jquery实现倒计时小应用
Sep 19 jQuery
vue 过滤器filter实例详解
Mar 14 Javascript
JS实现自定义弹窗功能
Aug 08 Javascript
Angular服务Request异步请求的实例讲解
Aug 13 Javascript
微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】
Feb 20 Javascript
微信小程序传值以及获取值方法的详解
Apr 29 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
phpcms模块开发之swfupload的使用介绍
2013/04/28 PHP
浅析SVN常见问题及解决方法
2013/06/21 PHP
php实现对象克隆的方法
2015/06/20 PHP
PHP获取当前相对于域名目录的方法
2015/06/26 PHP
JavaScript 对象的属性和方法4种不同的类型
2010/03/19 Javascript
使用GruntJS构建Web程序之合并压缩篇
2014/06/06 Javascript
JavaScript常用的返回,自动跳转,刷新,关闭语句汇总
2015/01/13 Javascript
jQuery通过扩展实现抖动效果的方法
2015/03/11 Javascript
ECMAScript6函数剩余参数(Rest Parameters)
2015/06/12 Javascript
多种js图片预加载实现方式分享
2016/02/19 Javascript
jQuery EasyUI编辑DataGrid用combobox实现多级联动
2016/08/29 Javascript
RGB和YUV 多媒体编程基础详细介绍
2016/11/04 Javascript
深入理解JS继承和原型链的问题
2016/12/17 Javascript
JQuery ZTree使用方法详解
2017/01/07 Javascript
Angular 开发学习之Angular CLI的安装使用
2017/12/31 Javascript
微信小程序实现文字跑马灯效果
2020/05/26 Javascript
JS实现的3des+base64加密解密算法完整示例
2018/05/18 Javascript
微信小程序局部刷新触发整页刷新效果的实现代码
2018/11/21 Javascript
原生JS与CSS实现软件卸载对话框功能
2019/12/05 Javascript
JavaScript实现世界各地时间显示
2020/09/07 Javascript
JavaScript中的几种继承方法示例
2020/12/06 Javascript
Python中在脚本中引用其他文件函数的实现方法
2016/06/23 Python
python3实现ftp服务功能(客户端)
2017/03/24 Python
python实现的自动发送消息功能详解
2019/08/15 Python
python 在右键菜单中加入复制目标文件的有效存放路径(单斜杠或者双反斜杠)
2020/04/08 Python
30行Python代码实现高分辨率图像导航的方法
2020/05/22 Python
亚洲颇具影响力的男性在线购物零售商:His
2019/11/24 全球购物
Lookfantastic阿联酋官网:英国知名美妆护肤购物网站
2020/05/26 全球购物
会计专业大学生求职信范文
2014/01/28 职场文书
经典英文广告词
2014/03/18 职场文书
大学生简短的自我评价
2014/09/12 职场文书
2014教师年度工作总结
2014/11/10 职场文书
2014年辅导员工作总结
2014/11/18 职场文书
Python数据清洗工具之Numpy的基本操作
2021/04/22 Python
PyTorch 如何检查模型梯度是否可导
2021/06/05 Python
MySQL中datetime时间字段的四舍五入操作
2021/10/05 MySQL