函数$()

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);

发布了80 篇原创文章 · 获赞 0 · 访问量 3473

猜你喜欢

转载自blog.csdn.net/weixin_43786904/article/details/103755437