函数$()

。_饼干妹妹 提交于 2019-12-29 20:34:22

1:jQuery对象不是原生JS对象
$()函数,是招牌功能,能够根据css选择元素。
比如: $(’#box’)
选择页面上id为box的盒子。
注意,选择出来的东西,是一个类数组对象,是jQuery自己的对象,这个jQuery对象后面不能跟着原生JS 语法:
$(’#box’).style.backgroundColor = ‘red’; //错误
因为.style.backgroundColor是原生JS语法, $()原则的对象是jQuery对象,不能跟着原生。所以如果想把jQuery对象,转为原生JS对象,加[0]就行了:
$(’#box’)[0].style.backgroundColor = ‘red’;
2:引号问题
$(‘选择器’)
注意引号不能丢,在jQuery世界中只有三个东西不能加引号,其它必须加引号:
$(this)
$(document)
$(window)
这三个不能有引号。
3:支持的选择器
jQuery支持所有css2.1的选择器:
$(‘p’)
$(’.box’)
$(’#box’)
$(’#box ul li’)
$(‘li.special’)
$(‘ol,ul’)
$(’*’)
也支持部分css3是选择器。
4:筛选器
关于序号的:
$(‘p’) //所有的p
$(‘p:first’) //第一个p
$(‘p:last’) //最后一个p
$(‘p:eq(3)’) //下标为3的p
$(‘p:lt(3)’) //下标小于3的p
$(‘p:gt(3)’) //下标大于3的p
$(‘p:odd’) //下标是奇数的p
$(‘p:even’) //下标是偶数的p
特别的,eq可以单独提炼方法,可以连续打点:
$(‘p’).eq(3).animate({‘width’:300},1000);
相当于:
$(‘p:ed(3)’).animate({‘width’:300},1000);
提炼出来可以用变量:
var a = 3;
$(‘p’).eq(3).animate({‘width’:300},1000);

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!