• 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


  • 相关阅读:
    POLARDB与其他关系型数据库对比
    美团关于分布式ID实践方案
    CRM、DMP、CDP概念解析
    TIDB简介
    美团关于分布式ID实践方案细节
    美团在TIDB方面的实践
    设计模式之桥梁模式
    【转】Hibernate和IBatis对比
    Eclipse插件安装
    【转】揭开正则表达式的神秘面纱
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13315749.html
Copyright © 2020-2023  润新知