欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JQuery基礎(chǔ)語(yǔ)法小結(jié)

 更新時(shí)間：2015年02月27日 15:02:12   投稿：hebedich  
在日常開發(fā)中JQuery是我們使用最頻繁的JS庫(kù)。使用JQuery進(jìn)行開發(fā)，你需要先了解JQuery的基本語(yǔ)法。下面是在學(xué)習(xí)JQuery時(shí)總結(jié)的一些簡(jiǎn)單語(yǔ)法。

1、$(document)將document對(duì)象轉(zhuǎn)換為jquery

復(fù)制代碼 代碼如下:

$(document).ready(function(){
    alert("hello world");
});

2、獲取所有的超鏈接對(duì)象，并且增加onclick事件；其實(shí)在底層jquery對(duì)象獲得的每個(gè)標(biāo)簽的數(shù)組，因此我們不需要進(jìn)行循環(huán)了

復(fù)制代碼 代碼如下:

$(document).ready(function(){
    $("a").click(function(){
        alert("hello world");
    });
});

3、jquery對(duì)象與dom對(duì)象之間的轉(zhuǎn)換

復(fù)制代碼 代碼如下:

$(document).ready(function(){
    var javascriptElement = document.getElementById("clickme");
    //將dom對(duì)象轉(zhuǎn)換為jquery對(duì)象
    var jqueryElement = $(javascriptElement);
    //alert("javascript:" + javascriptElement.innerHTML);//innerHTML獲取標(biāo)簽的內(nèi)容
    //alert("jquery:" + jqueryElement.html());
    //將jquery轉(zhuǎn)換為dom對(duì)象方式一
    var jElement = $("#clickme");
    var javascriptEle = jElement[0];
    alert("jquery1: " + javascriptEle.innerHTML);
    //方式二
    var javascriptEle2 = jElement.get(0);
    alert("jquery2: " + javascriptEle2.innerHTML);
});

4、jquery解決id值是否存在的問題

復(fù)制代碼 代碼如下:

<a id="hello">click me</a>
<script type="text/javascript">
    //以傳統(tǒng)方式解決id為空方式一
    if(document.getElementById("helllo")) {
        //如果hello不存在會(huì)出錯(cuò)
        document.getElementById("helllo").style.color ="red";
    }
    //方式二
    //$("#hello")[0].style.color="red";
    //用jquery解決
    $("#hello").css("color","red");
    //如果只有一個(gè)參數(shù)，則此方法是讀，如果是兩個(gè)參數(shù)則是些功能（css（“”），css（“”，“”））
    alert($("#hello").css("color"));
</script>

5、在javascript中規(guī)定，你要操作css屬性時(shí)要將屬性中的‘-'去掉，同時(shí)把后一個(gè)字母大寫；如：background-color 要改成 backgroundColor

6、jquery中也使用選擇器來操縱各種各樣的元素。是繼承了css的設(shè)計(jì)理念，但是把它更是發(fā)揚(yáng)光大了；

7、jquery的幾種書寫形式

1> 方式一

復(fù)制代碼 代碼如下:

$("document").ready(function(){
    ...
});

2> 方式二

復(fù)制代碼 代碼如下:

$().ready(function(){
    ...
});

3> 方式三

復(fù)制代碼 代碼如下:

$(function(){
    ...
});

以上幾種方式是一樣的

希望本文所述對(duì)大家學(xué)習(xí)jquery程序設(shè)計(jì)能有所幫助。

相關(guān)文章

最新評(píng)論