jquery学习总结 jquery的心得

如何编写一个js/jQuery库(心得总结)

由于haoroomsblog这个函数后面没有加分号，导致代码出错，为了避免这类情况的发生，通常这么写！；(function(){ })()把你的插件代码包裹在上面里面，就是一个简单的插件了。

目前创新互联建站已为1000多家的企业提供了网站建设、域名、网络空间、绵阳服务器托管、企业网站设计、三山网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

而jquery就是js的库，但是在实际应用中如果大量使用js推荐使用jquery，比较jquery已经对多浏览器的兼容性好，省去了很多麻烦。不用考虑兼容性。如果只会jquery而不会js不利于其它编程语言的学习。

script type=text/javascript src=http：//code.jquery点抗 /jquery-latest.min.js这个是jqueryguan 方最新的地址。可用在自己网站里加个这个，就能使用jquery了。但仍然建议下载到本地服务器上。

使用步骤如下：jQuery给放到一个文件夹里面，方便我们待会引用这个jQuery，这里我就放到我项目的js文件夹里面。然后我们来开始编辑HTML界面代码。使用script标签把jQuery引入到我们的HTML界面。

新建一个html文件，命名为test.html。在test.html文件中，在p标签内，使用span标签创建一行文字，span标签是p标签的子标签。在test.html文件内，设置span元素的id为myspan，下面将使用jquery方法获得该id值。

新建一个html文件，命名为test.html。在test.html文件内，使用div标签创建一行文字，文字内容为“这是测试的文字内容”。在test.html文件内，设置div的id属性为abc，用于下面通过该id获得div对象。

可以在元素创建之后获取，也可以在on事件当前动态监听元素的变化。如果是确定的结构，可以在元素创建之后获取id的值。如果不确定，可以使用on方法，参数加上需要监听的元素，在创建完成之后就可以自动获取了。

.serialize() 方法创建以标准 URL 编码表示的文本字符串。它的操作对象是代表表单元素集合的 jQuery 对象。.serialize() 方法可以操作已选取个别表单元素的 jQuery 对象，比如， textarea 以及。

通过$(#form).serialize()可以获取到序列化的表单值字符串。通过$(#form).serializeArray()输出以数组形式序列化表单值。统统不满足想得到Json的愿望。

jquery中序列化方法serialize可以将表单中的数据转成URL的形式。

把Object replace掉。或者用正则表达式匹配出{}中间的内容。取出来json对象的格式即可。

serialize()方法描述：序列化表单内容为字符串，用于Ajax请求。格式：var data = $(form).serialize()；serializeArray()方法描述：序列化表单元素(类似.serialize()方法)返回JSON数据结构数据。

据我所知，formSerialize()是jQuery的表单插件中提供的方法。

1、选择器有了CSS选择器基础后，看jQuery的选择器就很简单了。

2、javascript原生循环方法for和while，要比jQuery的.each()方法快，应该优先使用原生方法。尽量少生成jquery对象每当你使用一次选择器（比如$(#id)），就会生成一个jQuery对象。

3、使用步骤如下：jQuery给放到一个文件夹里面，方便我们待会引用这个jQuery，这里我就放到我项目的js文件夹里面。然后我们来开始编辑HTML界面代码。使用script标签把jQuery引入到我们的HTML界面。

1、一些手持设备(如手机、PDA等)现在还不能很好的支持ajax，比如说我们在手机的浏览器上打开采用ajax技术的网站时，它目前是不支持的，当然，这个问题和我们没太多关系。

2、AJAX的缺点增加了设计和开发时间比构建经典Web应用程序更复杂AJAX应用程序中的安全性较低，因为所有文件都是在客户端下载的。可能出现网络延迟问题禁用JavaScript的浏览器无法使用该应用程序。

3、jQuery中ajax的4种常用请求方式：$.ajax()返回其创建的 XMLHttpRequest 对象。.ajax() 只有一个参数：参数 key/value 对象，包含各配置及回调函数信息。

4、ajax()方法中的参数有type，contentType、jsonp等用来设置ajax中的请求方法，编码类型以及回调函数名等ajax方法就是通过HTTP 请求加载远程数据。

5、作用：通过在后台与服务器进行少量的数据交换，AJAX可以使网页实现异步更新。可以在不重新加载整个网页的情况下，对网页的某部分进行更新。Jquery对AJAX的支持//jquery调用ajax相对于js的优势：代码简洁。多浏览器支持。

6、jQuery确实是一个挺好的轻量级的JS框架，能帮助我们快速的开发JS应用，并在一定程度上改变了我们写JavaScript代码的习惯。

首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。在index.html中的script标签，输入jquery代码：。

基本思路：遍历select下的option，使用val()获取每个option的值，然后加入到一个数组中。根据这个思路，可以使用for循环或者jQuery的each()遍历函数实现。

第一步，创建一个新的HTML文件，并将其命名为“index.html”，见下图，转到下面的步骤。第二步，执行完上面的操作之后，在index.html文件中编写选择框的html代码，以实现选项的效果，见下图，转到下面的步骤。

./../js/common/jquery-js/scriptscript type=text/javascriptfunction doSome(){alert($(#sel option：selected).text())；//方法一：获取select标签选中的option中的文本。

新建一个HTML文件，命名为index.html。在index.html文件中编写select选择框html代码，实现选项的效果。在页面中加载jquery-min.js文件，编写Jquery代码获得所有选项的option值。

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容