Jquery认识 和 jQuery教程

jquery 不是W3C标准。
一、jQuery认识
jQuery是继prototype之后又一个优秀的JavaScript库。极大地简化了JavaScript编程。它是轻量级的js库,它兼容css3,还兼容各种浏览器。它包含了很多供改变和操作的HTML的强大的函数。

1、改变HTML内容:

$(selector).html(content) :html()函数改变所匹配的HTML元素的内容(innerHTML)。
实例:$('p').html('helloWorld');

2、添加HTML内容:
(1)语法:

$(selector).append(content)

:append()函数向所匹配的HTML元素内部追加内容。
实例:$('p').append('W3CSchool');
(2)语法:

$(selector).prepend(content)

:prepend()函数向所匹配的HTML元素内部预置(Prepend)内容。
实例:$('p').prepend('W3CSchool');
(3)语法:

    $(selector).after(content) :after()函数在所有匹配元素之后插入HTML内容。

(4)语法:

 $(selector).before(content);
before()函数在所有匹配元素之前插入HTML内容。
    实例:$('p').before('W3CSchool');

更多语法:
$(selector).html(content): 改变被选元素的(内部)HTML
$(selector).append(content):向被选元素(内部的)HTML内部追加内容
$(selector).prepend(content) : 向被选元素的(内部)HTML“预置”(prepend)内容

另外:
如果不想在自己计算机上存放jQuery库,那么可以从Google或者Microsoft加载CDN jQuery核心文件。

*Google 的 CDN:

<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
</head>

*Microsoft的CDN:

<head>
    <script type="text/javascript" src="ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>
</head>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值