1 jQuery 如何获取元素
- jQuery获取选择器对应的元素对象,返回可操作对象.
- 利用操作对象的原型对象上的api进行操作元素对象.
1.1 使用CSS的选择器模式获得元素.
$('selector')
1.2 使用自定义模式获得元素
$('a:first') //选择网页中第一个a元素
$('tr:odd') //选择表格的奇数行
$('#myForm :input') // 选择表单中的input元素
$('div:visible') //选择可见的div元素
$('div:gt(2)') // 选择所有的div元素，除了前三个
$('div:animated') // 选择当前处于动画状态的div元素
1.3 使用内置过滤器,获得元素
$('div').has('p'); // 选择包含p元素的div元素
$('div').not('.myClass'); //选择class不等于myClass的div元素
$('div').filter('.myClass'); //选择class等于myClass的div元素
$('div').first(); //选择第1个div元素
$('div').eq(5); //选择第6个div元素
1.4 结果集二次选择
$('div').next('p'); //选择div元素后面的第一个p元素
$('div').parent(); //选择div元素的父元素
$('div').closest('form'); //选择离div最近的那个form父元素
$('div').children(); //选择div的所有子元素
$('div').siblings(); //选择div的同级元素
2 jQuery 的链式操作是怎样的
- 为了获得链式对象,将函数中的结果集再次传入$(result)中二次封装.
- 这样新的jQuery对象就可以进行链式操作.
2.1 使用end(),让结果集后退到上一次的jQuery对象.
3 jQuery 如何创建元素
$(),可以传入数组,选择器,以及HTML代码创建对象.
- 这里使用了重载模式
3.1 jQuery 创建对象
$('<div>1</div>')
4 jQuery 如何移动元素
-
.insertAfter()和.after()：在现存元素的外部，从后面插入元素 -
.insertBefore()和.before()：在现存元素的外部，从前面插入元素 -
.appendTo()和.append()：在现存元素的内部，从后面插入元素 -
.prependTo()和.prepend()：在现存元素的内部，从前面插入元素
//以下效果相同
$("<span>Hello World!</span>").appendTo(".p1");
$(".p2").append(" <b>插入文本</b>.");
5取值与赋值统一api.
- 使用了可读即可写
.html() //取出或设置html内容
.text() //取出或设置text内容
.attr() //取出或设置某个属性的值
.width() //取出或设置某个元素的宽度
.height() //取出或设置某个元素的高度
.val() //取出某个表单元素的值
