码迷,mamicode.com
首页 > Web开发 > 详细

jquery学习(1)

时间:2015-09-10 15:40:40      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:


/*
    alert($===jquery);//相等、恒等
*/

$(function(){
alert($);    //    jquer对象的内部
alert($());    //    返回的jquery对象
alert($(‘#box‘));//    包裹id元素返回对象,依旧是jquery对象
alert($(‘#box‘).css(‘color‘,‘red‘));//    返回的还是jquery对象
})

$().css(‘color‘,‘red‘);    //正确


window.onload=function(){}    //js等待加载
$(document).ready(function(){});//jq等待加载


window.onload=function(){
    alert(1);
}
window.onload=function(){
    alert(2);
}
//---》window.onload 是覆盖前面的代码

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



对象互换:

alert($(‘#box‘));//    返回的也是jquery对象
alert(document.getElementById(‘box‘)); //[object HTMLDivElement]

jquery想要达到原生的Dom对象,可以处理为:
alert($(#box‘).get(0));    //id元素的第一个原生dom

alert(document.getElementById(‘box‘).css(‘color‘,‘red‘));    //jquery对象和dom对象的互换


多个库之间的冲突:
    base库和jquery都有$(function(){});这个方法

    如base库,jquery库放在base库之后,那么$所有权就是jquery的,否则是base的

jQuery.noConflict()    //自行了断,jquery把自己的$所有权剔除

var $$=jQuery        //重新定义jquery的对象为$$




jquery学习(1)

标签:

原文地址:http://www.cnblogs.com/aure/p/4797801.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!