[JQuery]学习——基础入门

来源：互联网发布：淘宝新规带来的无奈编辑：程序博客网时间：2024/05/29 14:35

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 {

//对象不存在的处理逻辑

}

0 0