cdn和常用代码

jquery

16-6-13 10:04:11


百度 CDN  http://cdn.code.baidu.com/


jQuery1.x与2.x版本区别

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;
});