jquery笔记

jquery笔记

1，jquery的准备函数：
大致相当于js的onload事件：执行时机：html，css，js文件引入，图片加载完毕之后才会执行
jquery的准备函数执行时机：html，css，js文件引入之后就会执行
jquery准备函数的写法：
标准写法：
$(document).ready(function(){

alert('页面加载完毕');
});
简写（一般都使用这种方式）：
$(function(){

alert('页面加载完毕');
});
2，jquery对象和js对象之间的区别和联系
区别：获取页面标签对象的方法不一样
联系：jquery对象是对js对象的一种封装
jquery对象转换成js对象：$jquery.get(0)
js对象转换成jquery对象：$(jsObject)
3，jquery对象的命名规则是以$开头
4，通过js获取到页面的标签对象：getById();getByName();getByTagName();
5，jquery选择器：
(1)：id选择器：$('#div1')
(2)：节点选择器：$('input')
(3)：样式选择器： $('.d1')
(4)：选择所有的标签对象：$('*')
(5)：$('div,p')：取到所有的div和p标签
(6)：$('div p')：取到div下面的所有的p标签
(7)：$('div>p')：取到div下的子p标签
(8)：$('div+p')：紧邻div的下一个p标签
(9)：$('div~p')：找到div之后的所有的p标签
(10)：$('li:first')：找到指定元素的第一个
(11)：$('li:last')：找到指定元素的最后一个
(12)：$('div:not(#div1)')：找到的元素中不符合not指定的选择器的元素
(13)：$('li:even')：代表索引值为偶数的元素；$('li:odd')：代表索引值为奇数的元素；
(14)：$('li:eq(2)')：取到第三个li标签；另一种使用方法：$('li').eq(2)
(15):$('li:lt(2)')：小于；$('li:gt(2)')：大于
(16)：$(':header')：获取到标题标签
(17)：$(':animated')：获取正在执行动画的元素
(18)：autofocus="autofocus"：自动获取焦点
(19)：$('p:empty')：查找没有子元素或者内容的标签
6，jquery的特性：隐式循环（取到的是一个数组，可以直接调用数组中对象的方法）

split(",") 分割字符串
if($("input[name='chk']").attr("checked"))｛｝
$("[name='checkbox']").attr("checked",'true');//全选
$("[name='checkbox']").removeAttr("checked");//取消全选
$("[name='checkbox']:even").attr("checked",'true');//选中所有奇数
if($('#obj').is(':checked')){}//多选中判断是否选中