jQuery入门[1]－构造函数-千百度社区

jQuery优点
◦ 体积小（v1.2.3 15kb）
◦ 丰富的DOM选择器(CSS1-3 + XPath) ◦跨浏览器（IE6,FF,Safari,Opera）
◦ 链式代码
◦ 强大的事件、样式支持
◦ 强大的AJAX功能
◦ 易于扩展，插件丰富

jQuery的构造函数接收四种类型的参数：

jQuery(expression,context)
jQuery(html)
jQuery(elements)
jQuery(fn)

第一种根据表达式（ID，DOM元素名，CSS表达式，XPath表达式）找出文档中的元素，并组装成一个jQuery对象返回。
DEMO:

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>
    <title>jQuery basic title>
    <style type=”text/css”>
        .selected
        {
            background-color:Yellow;
        }
     style>
    <script src=”../scripts/jquery-1.2.3.intellisense.js” type=”text/javascript”> script>
head>
<body>
    <h3>jQuery构造函数 h3>
    <ul>
        <li>jQuery(expression,context) li>
        <li>jQuery(html) li>
        <li>jQuery(elements) li>
        <li>jQuery(fn) li>
     ul>
    <script type=”text/javascript”>
     script>
body>
html>

将以下jQuery代码加入文末的脚本块中：

jQuery(
“
ul>li:first
“
).addClass(
“
selected
“
);

页面运行效果如下：
图片[1]-jQuery入门[1]－构造函数-千百度社区
其中jQuery()可替换为快捷方式$()，如果$被其它对象占用，可使用jQuery.noConflict()函数取消快捷方式。
“ul>li:first”中ul>li表示所有位于ul下的li元素（为CSS表达式，XPath方式可用ul/li），:first表示其中的第一个。addClass()为jQuery对象用来添加CSS样式类的函数，相反的函数为removeClass()。
再加入以下代码：

$(
‘
ul
‘
).append($(
‘

new item

‘
));

运行效果如下：
图片[2]-jQuery入门[1]－构造函数-千百度社区
其中$(‘

new item

‘)将其中的字符串转换为DOM对象，然后通过append()函数加入ul对象的最后。
接下来：

        $(document).ready(
function
(){
            $(
‘
ul
‘
).css(
‘
color
‘
,
‘
red
‘
);
        });

则效果如：
图片[3]-jQuery入门[1]－构造函数-千百度社区
jQuery构造函数中还可以真接传入DOM对象，如document，或jQuery对象（当然就没什么意义）。ready()函数为document添加事件处理函数，将ul的颜色设为红色。
$(document).ready()由于应用场景众多，所以可以直接用$(fn)来代替，fn表示处理函数。（ready处理函数貌似在文档内容载入完成后执行，无需等待相关其它图片等资源载入完成，所以比load事件要更早执行，对于这点，没有具体证实）

        $(
function
(){
            alert(
‘
welcome to jQuery
‘
);
        });

以上代码的效果是页面一载入，就弹出一个对话框。

–未完待续–

千百度

1.本站内容仅供参考，不作为任何法律依据。用户在使用本站内容时，应自行判断其真实性、准确性和完整性，并承担相应风险。

2.本站部分内容来源于互联网，仅用于交流学习研究知识，若侵犯了您的合法权益，请及时邮件或站内私信与本站联系，我们将尽快予以处理。

3.本文采用知识共享署名4.0国际许可协议 [BY-NC-SA] 进行授权

4.根据《计算机软件保护条例》第十七条规定“为了学习和研究软件内含的设计思想和原理，通过安装、显示、传输或者存储软件等方式使用软件的，可以不经软件著作权人许可，不向其支付报酬。”您需知晓本站所有内容资源均来源于网络，仅供用户交流学习与研究使用，版权归属原版权方所有，版权争议与本站无关，用户本人下载后不能用作商业或非法用途，需在24个小时之内从您的电脑中彻底删除上述内容，否则后果均由用户承担责任；如果您访问和下载此文件，表示您同意只将此文件用于参考、学习而非其他用途，否则一切后果请您自行承担，如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。