JQuery 中的小技巧

最近看到一些招聘信息,其中也有不少需要 jQuery,一处引用处处服用

    每次通过 JQuery 选择器获取想要操作的 Dom。获取 dom 操作都需要消耗一定资源,用 JQuery 的选择器获取到 dom 后,返回的是将 dom包装的 Jquery 对象,为不是每次使用相同 dom 都去搜索该 dom, 我们可以将搜索的结果赋值给变量,以便以后使用,这样可以提高效率。

8207483-7a7bb0ad041f6ead

2. 可以自定义一个JQuery选择器,根据项目的特殊要求,我们可以自定一个满足自己需求的 JQuery选择器

8207483-99784708db870e98


3. Jquery each方法使用的小技巧,我们遍历所有 a 标签

8207483-4513ad88438db0ed

4. 使用选择器可以通过缩小选择范围来提高效率

8207483-63418f75d7015350

5.获取列表元素的位置(即索引值),单击 ul 标签下的的某一 li 标签,如果我们想要获取单击 li 位置可以用下图形式来获取 li 序号。

8207483-6f9d21b2f12f4e6d

不要滥用$(this)对象,这样可以提高效率,其实将对象括上 $符号,是将对象变为 jQuery 对象。事实对象变为jQuery 对象会添加许多属性。

8207483-3b52de19b3210576

2. 随手就可以定义一个 jQuery 插件

8207483-b8e21107f9c2e32a

3. 有这样一种情景,通过 ajax 访问服务器,在等待时间可以通过以下方法来添加动画或遮罩效果呈现给用户,提高用户体验

8207483-19697328650eccad

猜你喜欢

转载自blog.csdn.net/weixin_34228617/article/details/86797398