Jquery新手語法

時間 2019-11-11

標籤 jquery 新手語法欄目 JQuery 简体版

原文原文鏈接

Jquery chaining grammar

直到如今，咱們都是一次寫一條 jQuery 語句（一條接着另外一條）。
不過，有一種名爲連接（chaining）的技術，容許咱們在相同的元素上運行多條 jQuery 命令，一條接着另外一條。
提示：這樣的話，瀏覽器就沒必要屢次查找相同的元素。
如需連接一個動做，您只需簡單地把該動做追加到以前的動做上。html

連續方法連接

$('selector').action1([paramater]).action2([paramater]).action3([paramater])...

這種方式也能夠這樣寫jquery

$('selector'){
.action1([paramater1])
.action2([pramater2])
.action3([paramater3])
....    
}

這是由於jquery不按換行截斷語句.c++

連續選擇器的意思就是被選擇了的元素連續進行這些操做。相似於c++中的花括號做用。瀏覽器

參考連接app

jquery和dom建立元素的不一樣

jquery 方式dom

$("<p></p>") (ps:$("p")要麼表明p的選擇器，或者是文檔text爲p，因此引號內必須是`完整標籤`)

DOM方式函數
```
var para=document.CreateElement("p");
```

實際上是我說錯了。顯示建立元素須要作到如下兩點code

建立元素
部署位置

若是少一個，都不行。舉個例子，這樣點是點不出來button的啊哈哈。去掉註釋就能夠了。htm

<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to make a BUTTON element.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
var btn=document.createElement("BUTTON");
//document.body.appendChild(btn);
};
</script>
</body>
</html>

jquery函數參數注意

通常來講，jquery中的函數若是沒有參數，那麼就是返回，若是有參數，通常都是set.
eg:ip

$('#div1').height();//表示返回id爲div1的元素高度
$('#div2').height(200); //表示設置id爲div2的元素高度爲200px

jquery noConflict方法

駝峯命名法不然不識別
$.noConfict()使用後，全部的$都用jQuery來替換。
若是使用本身的方法，應該使用·var rename=$.noConflict()·的方法，而後用本身的rename來替換。
若是你的 jQuery 代碼塊使用 $ 簡寫，而且您不肯意改變這個快捷方式，那麼您能夠把 $ 符號做爲變量傳遞給 ready 方法。這樣就能夠在函數內使用 $ 符號了 - 而在函數外，依舊不得不使用 "jQuery"：
```
$.noConflict();
jQuery(document).ready(function($){
  $("button").click(function(){
    $("p").text("jQuery 仍在運行！");
  });
});
```

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。