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 跨域访问问题解决方法
Dec 02 Javascript
js批量设置样式的三种方法不推荐使用with
Feb 25 Javascript
jQuery 删除/替换DOM元素的几种方式
May 20 Javascript
jQuery中:selected选择器用法实例
Jan 04 Javascript
在JavaScript中操作时间之getUTCDate()方法的使用
Jun 10 Javascript
Javascript 正则表达式校验数字的简单实例
Nov 02 Javascript
Jquery删除css属性的简单方法
Dec 04 Javascript
javascript数组去重方法分析
Dec 15 Javascript
基于Bootstrap模态对话框只加载一次 remote 数据的解决方法
Jul 09 Javascript
微信小程序wx:for循环的实例详解
Oct 07 Javascript
详解如何制作并发布一个vue的组件的npm包
Nov 10 Javascript
vue 中 get / delete 传递数组参数方法
Mar 23 Vue.js
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 和 COM
2006/10/09 PHP
使用php 获取时间今天明天昨天时间戳的详解
2013/06/20 PHP
浅谈PHP的反射API
2017/02/26 PHP
ajax无刷新动态调用股票信息(改良版)
2008/11/01 Javascript
js 目录列举函数
2008/11/06 Javascript
新老版本juqery获取radio对象的方法
2010/03/01 Javascript
js一般方法改写成面向对象方法的无限级折叠菜单示例代码
2013/07/04 Javascript
jquery处理json数据实例分析
2014/06/03 Javascript
JavaScript中判断原生函数检查function是否是原生代码
2014/09/09 Javascript
jQuery内部原理和实现方式浅析
2015/02/03 Javascript
jQuery实现平滑滚动到指定锚点的方法
2015/03/20 Javascript
JavaScript中用toString()方法返回时间为字符串
2015/06/12 Javascript
JS中多步骤多分步的StepJump组件实例详解
2016/04/01 Javascript
js实现对table的增加行和删除行的操作方法
2016/10/13 Javascript
详解vue 数据传递的方法
2018/04/19 Javascript
JavaScript一元正号运算符示例代码
2019/06/30 Javascript
seajs和requirejs模块化简单案例分析
2019/08/26 Javascript
微信小程序中为什么使用var that=this
2019/08/27 Javascript
vue框架中props的typescript用法详解
2020/02/17 Javascript
javascript实现贪吃蛇游戏(娱乐版)
2020/08/17 Javascript
Python 判断是否为质数或素数的实例
2017/10/30 Python
Django rest framework实现分页的示例
2018/05/24 Python
Django 5种类型Session使用方法解析
2020/04/29 Python
HTML5中图片之间的缝隙完美解决方法
2017/07/07 HTML / CSS
墨西哥网上超市:Superama
2018/07/10 全球购物
泰国国际航空公司官网:Thai Airways International
2019/12/04 全球购物
学生自我鉴定范文
2013/10/04 职场文书
音乐学院硕士生的自我评价分享
2013/11/01 职场文书
七年级英语教学反思
2014/01/15 职场文书
中专毕业生自我鉴定
2014/02/02 职场文书
工商管理自荐书
2014/07/06 职场文书
优秀毕业生的求职信
2014/07/21 职场文书
教师四风问题对照检查材料
2014/09/26 职场文书
离婚答辩状范文
2015/05/22 职场文书
2016应届毕业生实习心得体会
2015/10/09 职场文书
如何开发一个渐进式Web应用程序PWA
2021/05/10 Javascript