jQuery1.x版本的框架时兼容所有IE浏览器的,而2.x版本的jQuery框架并不支持低端IE浏览器。此处的低端IE浏览器指的是IE8版本以及8版本以下。所以,对于需要全兼容的项目,就不得不使用1.x版本啦。
1.x可以做pc端
2.x适用手机浏览器
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
1.9.1 在线手册
http://www.chenfahui.cn/jq/
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
$(function(){ // 文档就绪 });
$("#abc").click(function(e) {
//绑定单击事件
});
$("p").addClass("selected1 selected2"); //增加样式
$("p").removeClass("selected"); //删除样式
$("#div1").remove(); // 删除被选元素(及其子元素)
$("#div1").empty(); // 方法删除被选元素的子元素。
$("p").css("background-color"); // 返回 CSS 属性
$("p").css("background-color","yellow"); //设置css属性
$("p").css({"background-color":"yellow","font-size":"200%"}); //设置多个
$(".div").attr("title","value"); //改变属性
$("img").removeAttr("src"); //删除属性
$("p").show();
$("p").hide();
$('p').html(); //获取内容
$('p').text(); //获取文本内容
$("input").val(); //获取值
$("p").append("<b>Hello</b>"); //追加内容
$("p").prepend("<b>Hello</b>"); //前置内容
$.isNumeric("-10") 是否为数值
$.isArray() 是否数组
ajax
$.get(url, [data], [callback], [type]) // $.post 一样
url:待载入页面的URL地址
data:待发送 Key/value 参数。
callback:载入成功时回调函数。
type:返回内容格式,xml, html, script, json, text, _default。
$.get("test.cgi", { name: "John", time: "2pm" },
function(data){ alert("Data Loaded: " + data);}
);
$("#div").load("demo.php");
---------------------------------------------------------------------------------------------
$("div").children(); 子元素
$("div").find("span"); 最后一级元素
-----------------------------------------------------------------------------------------------------------------------------------------------
表单
$("form").submit(function(e) {
var title=$("input[name='title']").val(); // name方式
var nr=$("#nr").val() // textarea
var lx=$("#lx").find("option:selected").text(); // select 选中值
return false;
});