ID选择器（jQuery）

来源：互联网发布：淘宝童装店招素材编辑：程序博客网时间：2024/06/05 16:00

1、#id：根据给定的id匹配一个元素，如果选择器中包含特殊字符，可以用两个斜杠转义

2、查找id为“myDiv”的元素，并给这些元素设置css样式

（1）id.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>jQuery ID选择器</title><script type="text/javascript" src="jquery-2.0.3.js"></script><script type="text/javascript">    $(function(){    //设置背景色    $("#myDiv").css("background-color","#FF0000");//设置宽度$("#myDiv").css("width","50%");//设置字体大小$("#myDiv").css("font-size","18px");});</script></head><body>  <form action="">   <div id="myDiv">      jQuery ID选择器设置背景色   </div>  </form></body></html>

（2）运行结果如下图：

3、查找含有特殊字符的元素

（1）HTML代码：

<span id="you:bar"></span><span id="you[bar]"></span><span id="you.bar"></span>

（2）jQuery代码：

#you\\:bar#you\\[bar\\]#you\\.bar