1.引入jquery
<script language="javascript" type="text/javascript" src="1.9.0/jquery.js"></script>
2.选择器:
$("p");//标签名选择器;
$('.box');//class选择器
$('div*');//*选择器,选取页面中的全部元素;
使用$('div*')可以获取div中的所有子元素;慎用,有些浏览器会比较缓慢;
$('#id,.class');//多个选择器,之间用逗号分开;
$('div span');//ance desc选择器;父子元素选择器;
$('parent>child');//子元素选择器;
$('prev+next');//相邻兄弟选择器;选择的是prev的下一个兄弟元素next元素,只返回一个唯一的一个元素
$('prev~siblings');//选择prev后的所有相邻的元素;$('p~span'):选择出p元素后的所有同级的span元素;
$('li:first');//选择出集合元素中某一位置的单个元素; $('li:last')
$('li:eq(index)');//可以选择出任意一个元素,index表示索引号;$('li:eq(3)').css('color','#f48');
$('li:contains('jqurey')');//可以通过元素内容来选择,如果元素的内容包括jquery,则选择出来;
$('li:has(selector)');//通过选择元素内是否包含selector元素,选择出包含selector标签的元素;$('li:has("a")')
$('li:hidden');//:hidden可以获取所有的看不见 的元素,
$('li:visible');//选择所有可见的元素;
$('li[attribute=value]');//选择属性名和属性值完全相同的元素;
$('li[attribute!=value]');//获取属性名或属性值不相同的元素;
$('li[attribute*=value]');//获取属性包含value值的所有元素;
表单选择器:
通过表单选择器可以选择出表单内的全部所需的标签,
3.对象方法:
attr:通过元素的属性名称来获取元素属性名的值;
$('box').attr('class');//即可获取到元素的class名;
.html()方法和text()方法可以设置和获取元素的内容,如果方法中包含参数,则将参数设置为元素的内容;
html()方法可以获取元素的html内容,text()值获取元素中的文本内容,并不包含html格式代码。
addCalss()和css()方法可以方便操作元素中的样式,addClass()中的参数为增加的元素样式的名称;css()直接将样式的属性内容写在括号中。
css()方法可以直接在参数中写入json来添加多个css属性,{"background-color":"red","color":"#fff"};
removeAttr(name)和removeClass(class)可以分别移除元素的属性和样式的功能;前者参数为移除的属性名,后者参数为移除的样式名;
append(content)方法可以向制定的元素添加内容,添加子元素;
append()方法内可以添加函数,可以添加任何东西;
appendTo()是将元素添加到指定的参数内,参数为标签;
.html():
获取元素内的所有内容;
before()和after()方法分别可以在元素的前后添加指定的内容;$('.box').before($html);
clone()方法可以复制一个被选中的元素
replaceWith(content)和replaceAll(selector)方法可以用于替换元素中的内容,当他们调用时,内容和被替换元素所在的位置不同;
wrap()和wrapInner()方法都可以进行元素包裹,前者用于包裹元素本身,后者用于包裹元素中的内容;
4.元素属性及值
disabled:true;//将元素设置为不可用;