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 仍在运行！");
  });
});
```