1.jQuery 如何获取元素
jQuery(选择器)
window.$=window.jQuery=function(...){...} $(document) //选择整个文档对象 $(‘#test‘)//选择ID为test的网页元素 $(‘div.red‘) //选择class为red的div元素 $(‘div‘).has(‘p‘); //选择包含p元素的div元素 $(‘div‘).first(); //选择第1个div元素 $(‘div‘).next(‘p‘); //选择div元素后面的第一个p元素 $(‘div‘).parent(); //选择div元素的父元素 $(‘div‘).closest(‘form‘); //选择离div最近的那个form父元素 $(‘div‘).children(); //选择div的所有子元素 $(‘div‘).siblings(); //选择div的同级元素
2.jQuery 的链式操作是怎样的
jQuery允许将所有操作连接在一起,以链条的形式写出来,列如:
$(‘#test‘).find(‘h3‘).html(‘Hello‘); //找到id是test的元素,在test元素里找的h3,再将h3内容改为hello
3.jQuery 如何创建元素
$(‘<div><p>1</p></div>‘).appendTo(document.body) //将创建的元素加到body中 $(‘#test‘).after(div)//在id为test的元素后加一个div(添加弟弟) $(‘#test‘).before(div)//在id为test的元素前加一个div(添加哥哥)
4.jQuery 如何移动元素
如果要移动选中的元素,有两种方法:一种是直接移动该元素,另一种是移动其他元素,使得目标元素达到我们想要的位置。
$(‘div‘).insertAfter(‘p‘);//将div元素移动到p元素后面。 $(‘p‘).after(‘div‘);//把p元素加到div元素前面
5.jQuery 如何修改元素的属性
$div.test(..)//读写文本内容 $div.html(..)//读写html内容 $div.attr(‘属性名‘,‘属性值‘)//读写属性 $div.css(..)//读写style $div.addClass(..)//添加class $div.on(‘event‘,fn) $div.off(‘event‘,fn)