jQuery的代码风格

在jQuery中,不管是页面元素选择还是调用内置功能函数,都以美元符号$开头,它是jQuery核心对象。选取元素或执行函数示例:

$(function(){}); //执行一个匿名函数
$('#main'); //取得id为main的元素对象
$('#main').css('color','red'); //执行css函数,设置文字颜色样式
Code language: JavaScript (javascript)

$本身就是jQuery的缩写,二者等价,上面代码也可以写成:

jQuery(function(){});
jQuery('#main');
jQuery('#main').css('color','red');
Code language: JavaScript (javascript)

第三句代码中,$('#main')执行后得到jQuery对象,调用css('color','red')返回的依旧是jQuery对象,因此可以继续链式调用函数。示例:

$('#main').css('color','red').css('font-size','50px');
Code language: JavaScript (javascript)

这就是jQuery的链式编程,可以连续调用多个功能函数。

jQuery注释规则和原生JS一致:单行注释//,多行注释/* */

<html xmlns="[http://www.w3.org/1999/xhtml](http://www.w3.org/1999/xhtml)">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="[http://libs.baidu.com/jquery/1.8.3/jquery.min.js](http://libs.baidu.com/jquery/1.8.3/jquery.min.js)"></script>
    <script>
        function doclick()
        {
            //style="color:red"
            $('#main').css('color', 'red').css('font-size','60px');
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="main">
        北盟网校 www.bamn.cn 欢迎大家
    </div>
     <input type="button" onclick="doclick();" value="点击" />
    </form>
</body>
</html>
Code language: HTML, XML (xml)

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注