jquery的核心知识(一)

jquery的核心基础(一)

jquery是一种特殊的js

jquery的使用是要引入jquery的核心包

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>基础核心title>
<script type="text/javascript" src="jquery-1.10.1.js">script>
head>
<body>


<div id="box">基础核心div>


body>
html>



<script type="text/javascript">
    $(document).ready(function () {
    alert(1);   
});

$(document).ready(function () {
    alert(2);   
});
$(function(){
    alert(3);
});
$(function(){
    alert(4);
});
alert(document.getElementById('box'));
alert($('#box').get(0));
script>

load和ready区别

window.onload $(document).ready()

执行时机:
必须等待网页全部加载完毕(包括图片等),然后再执行包裹代码
只需要等待网页中的DOM结构加载完毕,就能执行包裹的代码
执行次数
只能执行一次,如果第二次,那么第一次的执行会被覆盖
可以执行多次,第N次都不会被上一次覆盖
简写方案无

$(function () {
});

我们需要获得DOM的原生对象

alert(document.getElementById('box'));
alert($('#box').get(0));

引入多个库之间是会冲突的。

    /*
var $$ = jQuery;

$(function () {						//jQuery库在base库之前引用,那么$所有权就是base库的


    alert($('#box').ge(0));
    alert($$('#box').get(0));


});
*/

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

var $$ = jQuery;

$(function () {						//jQuery库在base库之后引用,那么$所有权就是jQuery库的


    alert($('#box').ge(0));
    alert($$('#box').get(0));


});

你可能感兴趣的:(jquery)