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 相关文章推荐
理解Javascript_05_原型继承原理
Oct 13 Javascript
Javascript 正则表达式实现为数字添加千位分隔符
Mar 10 Javascript
jQuery代码实现发展历程时间轴特效
Jul 30 Javascript
谈谈JavaScript中function多重理解
Aug 28 Javascript
AngularJS中的包含详细介绍及实现示例
Jul 28 Javascript
详解vue-router 2.0 常用基础知识点之router-link
May 10 Javascript
解决vue-cli单页面手机应用input点击手机端虚拟键盘弹出盖住input问题
Aug 25 Javascript
JavaScript栈和队列相关操作与实现方法详解
Dec 07 Javascript
JS实现的Object数组去重功能示例【数组成员为Object对象】
Feb 01 Javascript
通过说明与示例了解js五种设计模式
Jun 17 Javascript
JS前端知识点总结之内置对象,日期对象和定时器相关操作
Jul 05 Javascript
写一个Vue loading 插件
Nov 09 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你的验证码安全码?
2007/01/02 PHP
PHP实现提高SESSION响应速度的几种方法详解
2019/08/09 PHP
javascript 写类方式之九
2009/07/05 Javascript
jQuery实现点击文本框弹出热门标签的提示效果
2013/11/17 Javascript
简体中文转换繁体中文(实现代码)
2013/12/25 Javascript
JS实现向表格行添加新单元格的方法
2015/03/30 Javascript
JavaScript返回网页中锚点数目的方法
2015/04/03 Javascript
Bootstrap滚动监听(Scrollspy)插件详解
2016/04/26 Javascript
解决bootstrap导航栏navbar在IE8上存在缺陷的方法
2016/07/01 Javascript
完美解决js传递参数中加号和&amp;号自动改变的方法
2016/10/11 Javascript
菊花转动的jquery加载动画效果
2018/08/19 jQuery
浅谈vue异步数据影响页面渲染
2019/10/29 Javascript
vue cli4下环境变量和模式示例详解
2020/04/09 Javascript
为什么JavaScript中0.1 + 0.2 != 0.3
2020/12/03 Javascript
[32:36]完美世界DOTA2联赛PWL S3 LBZS vs CPG 第二场 12.12
2020/12/16 DOTA
web.py在模板中输出美元符号的方法
2014/08/26 Python
跟老齐学Python之让人欢喜让人忧的迭代
2014/10/02 Python
Windows下的Python 3.6.1的下载与安装图文详解(适合32位和64位)
2018/02/21 Python
python使用sessions模拟登录淘宝的方式
2019/08/16 Python
python Canny边缘检测算法的实现
2020/04/24 Python
Strawberrynet草莓网新加坡站:护肤、彩妆、香水及美发产品
2018/08/31 全球购物
医学生毕业自我鉴定
2014/03/26 职场文书
房务中心文员岗位职责
2014/04/16 职场文书
公司贷款承诺书
2014/05/30 职场文书
企业年度评优方案
2014/06/02 职场文书
学校火灾防控方案
2014/06/09 职场文书
学校感恩教育活动总结
2014/07/07 职场文书
干部个人对照检查材料
2014/08/25 职场文书
2015年班组长工作总结
2015/04/10 职场文书
2015年乡镇科普工作总结
2015/05/13 职场文书
民事申诉状范本
2015/05/20 职场文书
毕业生登记表班级意见
2015/06/05 职场文书
婚宴来宾致辞
2015/07/28 职场文书
新农村建设指导员工作总结
2015/08/13 职场文书
七年级作文之冬景
2019/11/07 职场文书
Java多线程并发FutureTask使用详解
2022/06/28 Java/Android