JQuery入门

一、引入jquery—2.1.4.js
< script type=”text/javascript” src=”jquery-2.1.4.js”>< /script >
二、ready的作用是当前页面的DOM加载完成后执行参数中的函数
1.$(docunment).ready(function(){ alert(“hello world “); }) 2.$(function(){
alert(“hello world”);
})
三、Dom对象和JQuery对象之间的转换
1.Dom对象装换成Jquery对象
var div1=doucment.getElementById(“div1”);
var $div1=$(div1);
alert($div1.html()); 相当于div1.innerHTML 把Dom常用的属性转换成方法 jquery对象实质就是Map,关联数组 2.把jquery对象转换成Dom对象 var$div=$(“#div1”); 1.var div=$div[0];
2.var div=$div.get(0); 变量的定义规范：jquery对象，前面要加$,dom对象不需要
加方法：
$jquery.get=funcion(i){ return $jquery[i];} alert($jquery[0].innerHTML;)
四：面试题
$(document).ready()和window.onload的区别： 共同点：都是页面加载完毕后运行 区别：1.window.onload只能绑定一个事件，绑定多个，只有第一个起作用 (document).ready()可以绑定多个事件 区别2： window.onload必须等待页面中所有的dom对象以及dom对象相关联对象加载完毕后才执行$(document).ready()只要所有的dom对象加载完毕后就可以执行
五。给按钮绑定事件
jquery对象.事件名(事件处理函数)
$ (function() {

var $btn1=$(“#btn1”);
$btn1.click(function(){
alert(“我被点击了”);
})
})

六、修改样式
修改单一样式
var $div1=$(“#div1”);
$div.css(“color”,”green”); jquery借鉴了css中构造器的思想，css中的选择器，目的是选择出标签，给标签加样式，而jquery是选择元素后可以对元素做什么操作 1.标签选择权$(“div”);
2.id选择器
$(“myId”); 3.类选择器$（”myclass”）;
4.组合选择器
$(“div”,”span”); 5.选择全部$(“*”)
二、层次选择器
1.子级
<1>子代选择器
var $obj=$(“form >input”);
<2>后代选择器
var $obj=$(“from input”);
2.同级
<1>下一个兄弟
选择器1+选择器2{}
<2>下面所有的兄弟
选择器1~选择器2{}
下一个元素：$(“选择器1”).next() 下面所有元素：$（”选择器2”）.nextAll();
上一个元素：$(“选择器”).prev(); 三、过滤选择器 1.$(“”tr.first”);
2.$(“tr.even”)匹配所有索引值为偶数的元素，从0开始 3.$(“tr.odd”)匹配所有索引为奇数的元素
4.$(“div:not(:animated)”) 匹配所有正在执行动画效果的元素 四、内容选择器 1.$contains(text) 是否包该文章
2.empty 空的
3.$(“div:has(p)”) 4.$(“td:parent”)
五、可见性
1、$(“tr.visible”) 可见的 2.$(“tr.hidden”) 隐藏的
六、属性过滤器
七、子元素选择器