首页 > 代码库 > jQuery笔记——基础知识
jQuery笔记——基础知识
jQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一整套定义好的方法。在jQuery程序中,不管是页面元素的选择、内置的功能函数,都是美元符号“$”来起 始的。而这个“$”就是jQuery当中最重要且独有的对象:jQuery对象。于$本身就是jQuery对象的缩写形式:
$(function () {}); //执行一个匿名函数 等同jQuery(function () {});
而且jQuery方法返回的还是jQuery对象,所以可以使用连缀的方法:
$(‘#box‘).css(‘color‘, ‘red‘).css(‘font-size‘, ‘50px‘); //连缀
而"#box"是根据id选择元素的方式
注释
jQuery中代码注释和JavaScript是保持一致的,有两种最常用的注释:单行使用“//...”, 多行使用“/* ... */”
加载代码方式
在JavaScript中,我们等待页面body延迟等待加载使用的是window.onload(function(){});方法,而jQuery使用的是$(document).ready(function(){});简写方式就是$(function(){});
获得原生DOM元素
在JavaScript中我们是使用:
alert(document.getElementById(‘box‘)); //得到id=box的DOM元素
在jQuery中在可以使用,毕竟是对JavaScript的封装,原生的东西反而不能使用太说不过了,但是jQuery 想要达到获取原生的 DOM 对象可以这样:
alert($(‘#box‘).get(0));
处理jQuery与其他库之间的冲突
比如说有个库也是用了"$",就会和jQuery冲突了。结局办法:
1.可以将这个库放在jQuery库后面引入,"$"就属于这个库使用了,而jQuery就可以使用jQuery对象替代"$",或者创建一个新字符给 jQuery 使用:
var $$ = jQuery; //创建一个$$的 jQuery 对象$(function () { alert($$(‘#box‘).width()); //这是 jQuery 的$$});
2.如果觉得处理库引用的先后顺序很麻烦,可以使用jQuery.noConflict()和创建一个新字符给 jQuery 使用的方法相结合:
jQuery.noConflict(); //将$符所有权剔除var $$ = jQuery;$(function () {alert($$(‘#box‘).width());});
jQuery笔记——基础知识
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。