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')){}//多选中判断是否选中
大致相当于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')){}//多选中判断是否选中