前端入门之旅——jquery1，jquery,zeoto通过script标签中的src属性引入jQuery.jsjque

1，jquery , zeoto

通过script标签中的src属性引入jQuery .js
jquery是一个类库，其中最核心的是$()，相当于一个函数，返回的是一个jq对象，支持链式操作

2,获取元素的方法$()

$()参数通过选择器获取

3,dom 和 jq 对象的相互转化

将jq对象转化为dom元素
$('#input')=>$('#input')[0];
将dom元素转化为jq对象
obn=>$(obn);

4,jquery选择器

$('*') 选择所有元素
$('this') 选择当前html元素
$('li.class') 选择类名为class的li标签
$('li:first') 选择第一个li元素
$('ul li:first') 选择ul的第一个li子元素
$('[href]') 选择带有href属性的元素
$("a[target='blank']") 选取所有 target 属性值等于 "blank" 的a元素
$(":button") 选取所有 type="button" 的input元素和button元素
$("li:even") 选取偶数位置的li元素
$("li:odd") 选取偶数位置的li元素

5,jQuery遍历

children() 返回被选元素的所有直接子元素
each() 为每个匹配元素执行函数
eq() 返回带有被选元素的指定索引号的元素
has() 返回拥有一个或多个元素在其内的所有元素

6.Ajax

$().load
$("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){
    if(statusTxt=="success")
      alert("外部内容加载成功!");
    if(statusTxt=="error")
      alert("Error: "+xhr.status+": "+xhr.statusText);
  });

$().get();
    $().get(url,function)
$().post();
    $().post(url,data,function)
    data用于传输数据

$.Ajax({

    url:"",
    method:"GET/POST",
    success:function(){
    }
})

7，jquery 中dom事件的等同事件

1，鼠标端
   click,mouseenter,honor
2，键盘端 
   keypress,keydown,keyup
3，表单事件
   submit,change,focus,blur
4，文档/窗口事件
   load,onload,scroll