var domObj = document.getElementById(“id”);
var objHtml = domObj.innerHTML; 等价于 $("#foo“).html();
编码约定:
var $varaible = JQuery对象
var variable = DOM对象
JQuery对象和DOM对象转换
var $cr = $("#cr”); //JQuery对象
var cr = $cr[0]; //DOM对象
或者
var cr = $cr.get(0);
DOM对象只能使用DOM对象中的方法,JQuery对象只能使用Jquery对象中的方法。
$('#box').css('color', 'red').css('font-size', '50px'); //连缀
window.onload = function () {}; //JavaScript等待加载
$(document).ready(function () {}); //jQuery等待加载
1.将jQuery 库在Base 库之前引入,那么“$”的所有权就归Base 库所有,而jQuery 可
以直接用jQuery 对象调用,或者创建一个“$$”符给jQuery 使用。
var $$ = jQuery; //创建一个$$的jQuery 对象
$(function () { //这是Base 的$
alert($('#box').ge(0)); //这是Base 的$
alert($$('#box').width()); //这是jQuery 的$$
});
2.如果将jQuery 库在Base 库之后引入,那么“$”的所有权就归jQuery 库所有,而Base
库将会冲突而失去作用。这里,jQuery 提供了一个方法:
jQuery.noConflict(); //将$符所有权剔除
var $$ = jQuery;
$(function () {
alert($('#box').ge(0));
alert($$('#box').width());
});
jQuery判断获得的对象是否存在的方法
因为jQuery在获得对象的时候,无论要获得的对象是否存在,都会返回jQuery对象。
所以,以往的 js 判断是否存在在jQuery是行不通的。
假设有如下代码。
var target_obj = jQuery('#target_obj_id');
则,若需要判断id为target_obj_id是否存在的话,可以实现的方法有一下两种:
1、
if (target_obj.length > 0) { //如果大于0 标识 id 为target_obj_id的对象存在,否则不存在
//对象存在的处理逻辑
} else {
//对象不存在的处理逻辑
}
2、
if (target_obj[0]) {
//对象存在的处理逻辑
} else {
//对象不存在的处理逻辑
}