Jquery认识和 jQuery教程

来源：互联网发布：win7配置apache 编辑：程序博客网时间：2024/06/01 07:44

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>

0 0

Jquery认识 和 jQuery教程

Jquery认识和 jQuery教程