1、是javaScript库(js文件)
2、使用:script标签
3、语法:$开头 $().action() 列如:$(‘div’).css(“color”,’red’);
4、两个window.onload():后面一个onload会把上一个onload覆盖
5、$(document).ready(function(){
}); // $(funcition(){
简写形式
});
6、id选择器:$(‘id’); .html() —相当于innerHTML
类选择器:$(‘.class’).size(); _—得到类的长度 绑定事件:$(‘class’).clcik(fuction(){})
元素选择器:$(‘div’);
*选择器:$(‘.myClass,h1,.myClass p,span’) 得到元素
child:在给定父元素下面的所有子元素 $(“div > p”) 只选择p元素;
兄弟元素:$(“div>p:eq(0)+p”) 得到div下面的所有p元素的第一个元素的下一个元素‘+’:下一个元素 ‘~’:第一个元素的下面所有兄弟元素
找到第三个元素:$(‘li:first+li+li’);
找到上一个元素:expr
匹配奇数:$(‘tr:odd’);
tr:nth-of-type(2n){
} 偶数行的背景颜色
$(‘li:gt(0)’); :大于0的都改变 $(‘li:lt(5)’);:小于5都改变
Json:javaScript对象表示法
1、存储和交换文本信息的语法
2、创建一个json对象:var person={
键:值 列如:name:’张三’
City:{cityname:’成都’} 在对象里面保留一个对象
Pet:[{name:’猫’,color:’红色’},{name:’狗’}] 保留一个数组
};
3、取出json属性:person.name 对象名称.属性
Person.city.name
Person.pet[1].name
文档处理
创建一个元素:js :document.creatElement(‘p’);
Jquery : $(‘p’).append(‘<p>p元素之间的内容</p>’); 在P元素后面加一个p元素——默认添加在后面
Append:添加内容在后面 prepend:添加内容在前面
After:在节点后面添加元素 before:在节点前面添加元素
Wrap:在外面添加一个更大的元素,包裹起来
WrapAll:包裹所有的元素
Empty:删掉清除所有的子元素