今天使用jquery-bootstrap动态生成了一个accordion,使用bind绑定一个动态生成的节点时竟然不生效,真是是无语。

阅读更多:About your home page

Jquery是一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。

jQuery理念:写的少,做的多

优势如下:

轻量级
强大的选择器
出色的dom操作的封装
可靠的事件处理机制
完善的Ajax
出色的浏览器兼容性
链式操作方式

jQuery官方地址:http://jquery.com/

下地址:
http://code.jquery.com/jquery-1.11.1.min.js
http://code.jquery.com/jquery-1.11.1.js

1.11.1为版本号。

各版本的最后一个版本号为:2.0.3,1.11.1,1.10.2,1.9.1,1.8.3,1.7.2

微软CDN:http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js

这是一个可以动态包含JavaScript和CSS文件的JQ插件函数,他可以防止重复的包含。

阅读更多:About your home page

这个函数可以自动分配表单值,只需要在文档结束后调用autoAssignValue(selector,data)函数即可。

阅读更多:About your home page

文本输入框,隐藏文本框

$("input[name=name]").attr("value","内容");
$("input[name=name]").val("内容");

文本区域

$("textarea[name=name]").attr("value","内容");
$("textarea[name=name]").val("内容");

单选按钮选中的的值

$("input[name=name][value='内容']").attr("checked",true);
$("input[name=name]").get(1).checked = true;

复选框选中的值

$("input[name=name][value='内容']").attr("checked",true);
$("input[name=name]").get(1).checked = true;

列表

$("select[name=name]").val();
$("select[name=name][value='内容']").attr("checked",true);

jquery获取表单元素的值相对简单,相对复杂的是一个复选,不规则表单等。

阅读更多:About your home page

jQuery为开发插件提拱了两个方法,分别是:
    jquery.fn.extend
    jquery.extend。

在手册中说明如下:
    jQuery.fn.extend:扩展 jQuery 元素集来提供新的方法(通常用来制作插件);
    jQuery.extend:扩展jQuery对象本身,用来在jQuery命名空间上增加新函数。

在JQ本身的代码中,我们可以看到
    jQuery.fn = jQuery.prototype = {init: function( selector, context ) {}};
    代码说明了jQuery.fn = jQuery.prototype。

因此我们可以这样理解:
    jQuery.extend是为JQ类中添加“静态方法”,一般以$.fun(param)调用方式的方法;
    jQuery.fn.extend是为JQ类中添加“成员函数”,一般以$(selector).fun(param)调用方式的方法。