jQuery
js文档Node.jsVue.jsReactjQueryES2015(es6)angularjscss3动画vbs最新电影flutter微信小程序C教程java教程C++教程C#教程php教程sql教程mysql教程android教程ios教程python教程正则表达式

Jquery新手语法

发布时间：2019-05-23 发布网站：脚本宝典
脚本宝典收集整理的这篇文章主要介绍了Jquery新手语法，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

Jquery chaining grammar

直到现在，我们都是一次写一条 jQuery 语句（一条接着另一条）。
不过，有一种名为链接（chaining）的技术，允许我们在相同的元素上运行多条 jquery 命令，一条接着另一条。
提示：这样的话，浏览器就不必多次查找相同的元素。
如需链接一个动作，您只需简单地把该动作追加到之前的动作上。

连续方法链接

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

这种方式也可以这样写

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

这是因为jquery不按换行截断语句.

连续选择器的意思就是被选择了的元素连续进行这些操作。类似于c++中的花括号作用。

参考链接

jquery和dom创建元素的不同

  • jquery 方式

    $("<p></p>") (ps:$("p")要么代表p的选择器，或者是文档text为p，所以引号内必须是`完整标签`)

  • DOM方式

    VAR para=document.CreateElement("p");

其实是我说错了。显示创建元素需要做到以下两点

  1. 创建元素
  2. 部署位置

如果少一个，都不行。举个例子，这样点是点不出来button的啊哈哈。去掉注释就可以了。

<!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:

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

jquery noConflict方法

  1. 驼峰命名法 否则不识别
  2. $.noConfict()使用后，所有的$都用jQuery来替换。
  3. 如果使用自己的方法，应该使用·var rename=$.noConflict()·的方法，然后用自己的rename来替换。

  4. 如果你的 jQuery 代码块使用 $ 简写，并且您不愿意改变这个快捷方式，那么您可以把 $ 符号作为变量传递给 ready 方法。这样就可以在函数内使用 $ 符号了 - 而在函数外，依旧不得不使用 "jQuery"：

    $.noConflict();
jQuery(document).ready(function($){
  $("button").click(function(){
    $("p").text("jQuery 仍在运行！");
  });
});

脚本宝典总结

以上是脚本宝典为你收集整理的Jquery新手语法全部内容，希望文章能够帮你解决Jquery新手语法所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：jQueryjQuerypost-format-gallery
猜你在找的jQuery相关文章
其他相关热搜词更多
phpjavapython程序员loadpost-format-gallerydivString参数开发ListcapMapClass工具安装SQL数据库资源this
全站导航更多
html5HTML/XhtmlCSSXML/XSLTDreamweaver教程Frontpage教程心得技巧JavaScriptASP.NETPHP编程正则表达式AJAX相关ASP编程JSP编程编程10000问CSS/HTMLFlexvbsDOS/BAThtahtcpythonperl游戏相关VBA远程脚本ColdFusionMsSqlMysqlmariadboracleDB2mssql2008mssql2005SQLitePostgreSQLMongoDB星外虚拟主机华众虚拟主机Linuxwin服务器FTP服务器DNS服务器Tomcatnginxzabbix云和虚拟化bios系统安装系统系统进程Windows系列LINUXRedHat/CentosUbuntu/DebianFedoraSolaris红旗Linux建站经验微信营销网站优化网站策划网络赚钱网络创业站长故事alexa域名photoshop教程摄影教程Fireworks教程CorelDraw教程Illustrator教程Painter教程Freehand教程IndesignSketch笔记本主板内存CPU存储显卡显示器光存储鼠标键盘平板电脑安全教程杀毒防毒安全设置病毒查杀脚本攻防入侵防御工具使用业界动态Exploit漏洞分析
最新jQuery教程
热门jQuery教程