zoukankan      html  css  js  c++  java
  • ID选择器(jQuery)

    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


  • 相关阅读:
    学习进度表
    第十三周
    硅谷之谜
    第12周
    我的成就故事
    学习进度表
    第8周总结
    测试作业
    第六周周总结
    问卷调查
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13315749.html
Copyright © 2011-2022 走看看