独码天涯

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

入口函数

$(document).ready(function(){
    //类似于原生js的window.onload
});

简写

$(function(){   });

基本选择器

"#"

Id选择器

--示例$(“#btnShow”).css(“color”, “red”);选择id为btnShow的一个元素(返回值为jQuery对象)

"."

类选择器

--示例$(“.liItem”).css(“color”, “red”);选择含有类liItem的所有元素

"element"

标签选择器

--示例$(“li”).css(“color”, “red”);选择标签名为li的所有元素

"空格"

优化jQuery的代码性能

01 jQuery中性能最快的选择器是ID选择器 ($('#someid')). 这是因为它直接映射为JavaScript的getElementById()方法。 选择单个元素

02 类选择器前面限定标签名

03 缓存jQuery对象,jQuery有隐式迭代机制,保存为jQuery对象后在操作可以减少重复选择

04 利用事件委派处理事件

05 减少直接操作添加多个DOM元素,使用字符串拼接,添加给父元素效率会更高。

posted on 2018-10-18 14:45  独码天涯  阅读(78)  评论(0)    收藏  举报