jquery1.9学习笔记之选择器(基本元素四)

ID选择器("#id")

描述：选择与给出ID属性匹配的单元标签。

对于ID选择器，jquery使用JS的函数document.getElementById()，当一个标签附加到ID选择器上时，也是非常有效的。如h2#pageTitle，jquery会在识别元素标签前进行检查以做出匹配。

例子：

<!doctype html>

<html>

<head>

<style>

div{

width:90px;

height: 90px;

float: left;

padding:5px;

margin:5px;

background-color:#EEEEEE;

}

</style>

</head>

<body>

<div id='notMe'><p>id='notMe'</p></div>

<div id='myDiv'>id='myDiv'</div>

$('#myDiv').css('border', '3px solid red');

</script>

</body>

</html>

例：

针对ID中的一些特殊字符，要使用反斜线进行转义

<!doctype html>

<head>

div{

width:300px;

float:left;

padding:2px;

margin:3px;

background-color:#EEEEEE;

}

</style>

</head>

<body>

<div id='myID.entry[0]'>id='myID.entry[0]'</div>

<div id='myID.entry[1]'>id='myID.entry[1]'</div>

<div id='myID.entry[2]'>id=''myID.entry[2]'</div>

$("#myID\\.entry\\[1\\]").css("border", "3px solid red");

</script>

</body>

</html>

转载于:https://www.cnblogs.com/semcoding/p/3293404.html

jquery1.9学习笔记之选择器(基本元素四)相关推荐

jquery1.9学习笔记之选择器(基本元素五)
多种元素选择器 jQuery("selector1,selector2,selectorN") 例子: <!doctype html> <html lang=' ...
mysql循环查询一个表中的数据并进行修改_JavaScript学习笔记（二十四）-- MYSQL基础操作...
MYSQL mysql 是一个数据库的名字和 php 合作的比较好的数据库之前我们说过一个问题,前端向后端索要数据,后端就是去数据库中查询数据,返回给前端接下来就聊聊使用 php 操作数据库 M ...
Slicer学习笔记（五十四）slicer分割结果3D显示
Slicer学习笔记(五十四)slicer分割结果3D显示 1.Create a segmentation from a labelmap volume and display in 3D 2.Exp ...
【Java基础学习笔记】- Day11 - 第四章引用类型用法总结
Java基础学习笔记 - Day11 - 第四章引用类型用法总结 Java基础学习笔记 - Day11 - 第四章引用类型用法总结 4.1 class作为成员变量 4.2 interface作为成 ...
OpenCV学习笔记（五十四）——概述FaceRecognizer人脸识别类contrib
在最新版的2.4.2中,文档的更新也是一大亮点,refrence manual扩充了200多页的内容,添加了contrib部分的文档.contrib就是指OpenCV中新添加的模块,但又不是很稳定,可 ...
【OS学习笔记】三十四保护模式十：中断和异常区别
上几篇文章学习了分页机制的一些原理: [OS学习笔记]三十保护模式九:段页式内存管理机制概述 [OS学习笔记]三十一保护模式九:页目录.页表和页三者的关系详解今天继续学习保护模式下的关于中断与异 ...
链接mysql_JavaScript学习笔记（二十四）-- MYSQL基础操作
MYSQL mysql 是一个数据库的名字和 php 合作的比较好的数据库之前我们说过一个问题,前端向后端索要数据,后端就是去数据库中查询数据,返回给前端接下来就聊聊使用 php 操作数据库 M ...
Qt5学习笔记之串口助手四：增加16进制/ASCII切换、周期发送
目录 1. 概述 2. 16进制/ASCII发送 2.1 功能实现 2.2 界面修改 3. 接收框显示发送内容 3.1 以16进制/ASCII显示 3.1.1 界面修改 3.1.2 功能实现 3.2 ...
JQUERY1.9学习笔记之内容过滤器(三) has选择器
描述:选择至少包含一个元素,匹配指定的标签的标签. jQuery( ":has(selector)" ) 例:给所有的div添加一个类"test",在他们中有一 ...

jquery1.9学习笔记之选择器(基本元素四)

jquery1.9学习笔记之选择器(基本元素四)相关推荐

最新文章

热门文章

jquery1.9学习笔记 之选择器(基本元素四)

jquery1.9学习笔记 之选择器(基本元素四)相关推荐

最新文章

热门文章

jquery1.9学习笔记之选择器(基本元素四)

jquery1.9学习笔记之选择器(基本元素四)相关推荐