jQuery基础核心
//代码风格
$(fucntion(){
});//执行一个匿名函数
$('#box');//进行执行的ID元素选择
$('#box').css('color','red');//执行功能函数
$就是jQuery对象的缩写形式
jQuery(function(){});
jQuery('#box');
jQuery('#box').css('color','red');
alert($===jQuery)//恒等
alert($);
$(funtion(){
alert($);//返回的是jQuery对象
alert($());//返回的还是jQuery对象
alert($().css('color','red'));//返回的还是jQuery对象
alert($().css('color','red')).css('font-size','200px');
});//连缀功能
//加载模式
window.οnlοad=function(){
/传统方式
}
$(document.ready(function(){
//jQuery方式
});
//区别:
执行时机(必须等到网页全部加载完毕)(只需要等到DOM加载完毕)
执行次数(只能执行一次)(可以执行多次)
简写方案(无)($(function(){});
//对象互换
$(function(){
alert(document.getElementById("Xxx"));//返回DOM对象
});
alert($('#box').get(0));//返回DOM对象
//代码风格
$(fucntion(){
});//执行一个匿名函数
$('#box');//进行执行的ID元素选择
$('#box').css('color','red');//执行功能函数
$就是jQuery对象的缩写形式
jQuery(function(){});
jQuery('#box');
jQuery('#box').css('color','red');
alert($===jQuery)//恒等
alert($);
$(funtion(){
alert($);//返回的是jQuery对象
alert($());//返回的还是jQuery对象
alert($().css('color','red'));//返回的还是jQuery对象
alert($().css('color','red')).css('font-size','200px');
});//连缀功能
//加载模式
window.οnlοad=function(){
/传统方式
}
$(document.ready(function(){
//jQuery方式
});
//区别:
执行时机(必须等到网页全部加载完毕)(只需要等到DOM加载完毕)
执行次数(只能执行一次)(可以执行多次)
简写方案(无)($(function(){});
//对象互换
$(function(){
alert(document.getElementById("Xxx"));//返回DOM对象
});
alert($('#box').get(0));//返回DOM对象