JQuery的核心基础

一、两种加载模式及区别

1.window.load:

•  全部资源加载完毕
• 只能执行一次，会覆盖
• 不可简写

2. $(document).ready(function){});

• DOM结构加载完毕
• 可多次执行
• 可简写   $function(){};

二、DOM与JQuery可互相转换

1、DOM转JQUery

var ps =document.getELelmentbyId("p");

console.log($(ps);

2. JQuery转DOM

console.log($("p")[0] //下标法

三、属性操作

• attr（’title'） 获取属性值  
• attr('title','hahaha')  设置属性  
• attr({    tltle:'enenen'；style:'backgroundColor:red;')}; 同时设置多个属性值
• removeAtrr("title")移除属性   
• addClass('page') 添加属性class值  
• removeClass('page')    移除class属性
• toggleClass('hah')   添加或移除class值