首页 技术 正文
技术 2022年11月19日
0 收藏 914 点赞 3,256 浏览 1108 个字

ID选择器(“#id”)

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

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

例子:

<!doctype html>

<html>

<head>

<meta charset=’utf-8′>

<title>id demo</title>

<style>

div{

width:90px;

height: 90px;

float: left;

padding:5px;

margin:5px;

background-color:#EEEEEE;

}

</style>

<script src=”http://code.jquery.com/jquery-1.9.1.js”></script>

</head>

<body>

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

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

<script type=”text/javascript”>

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

</script>

</body>

</html>

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

例:

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

<!doctype html>

<html lang=’zh’>

<head>

<meta charset=’utf-8′>

<title>id demo</title>

<style type=”text/css”>

div{

width:300px;

float:left;

padding:2px;

margin:3px;

background-color:#EEEEEE;

}

</style>

<script src=”http://code.jquery.com/jquery-1.9.1.js”></script>

</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>

<script type=”text/javascript”>

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

</script>

</body>

</html>

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

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:8,991
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,506
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,349
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,134
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,766
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,844