在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)
Previous: 什么是jQuery
Next: jQuery的加载模式