编程 Javascript

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程序设计有所帮助。

jQuery中:focus选择器用法实例

- Author -

shichen2014

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js实现简单的可切换选项卡效果

Apr 10 Javascript

javascript实现简单的html5视频播放器

May 06 Javascript

使用HTML+CSS+JS制作简单的网页菜单界面

Jul 27 Javascript

jQuery EasyUI提交表单验证

Jul 19 Javascript

原生JS实现首页进度加载动画

Sep 14 Javascript

jQuery 表单序列化实例代码

Jun 11 jQuery

JS实现图片居中悬浮效果

Dec 25 Javascript

详解mpvue中小程序自定义导航组件开发指南

Feb 11 Javascript

微信小程序五子棋游戏的棋盘，重置，对弈实现方法【附demo源码下载】

Feb 20 Javascript

vue2.0中set添加属性后视图不能更新的解决办法

Feb 22 Javascript

细述Javascript的加法运算符的具体使用

Oct 18 Javascript

uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能

Nov 12 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