一、引入jquery—2.1.4.js
< script type=”text/javascript” src=”jquery-2.1.4.js”>< /script >
二、ready的作用是当前页面的DOM加载完成后执行参数中的函数
1.
(docunment).ready(function()alert(“helloworld“);)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”) 隐藏的
六、属性过滤器
七、子元素选择器