jQuery对javascript代码的简化

                                    jQuery对javascript代码的简化

开发工具与关键技术：Adobe Dreamweaver CC 2017  前端
作者：刘剑鸿
撰写时间：2019年2月2日星期六

JavaScript 是互联网上最流行的脚本语言，这门语言可用于
HTML 和 web。而jQuery。
jQuery 是一个 JavaScript 函数库，是一个轻量级的"写的少，做的多"的
JavaScript 库。

在学习javascript中，会碰到代码格式繁多，实现一个功能需要好几句代码。既要声明，赋值，还有调用。这些繁琐的结构也许会浪费时间。jQuery是为了节省写代码的时间而创作出来的。例如：ID选择器 

window.onload =
function(){ var downbtn =document.getElementById("downbtn"); } ，而在jQuery中只要$(function(){ $("#downbtn")});，就能选择到该ID。

jQuery对javascript功能的代码也是相当简化，例如效果

在javascript中

window.function(){

       var
btnsearch=document.getElementById("search");//js 获取元素 JS 对象

       var
searchbox=document.getElementsByClassName("searchbox");

       if(searchbox[0].style.display="block")
              {
btnsearch.onclick=function(){ searchbox[0].style.display="none";
};
         }
       else{
              btnsearch.onclick=function(){
searchbox[0].style.display="block"; };
       }
};

而在jQuery中

$(function(){ $("#search").click(function(){
$(".searchbox").slideToggle();

       });  };

相比JavaScript的效果，jQuery的效果还带有带有动态的CSS3的展开与收起样式。jQuery不仅能节省写代码的时间，还能使效果更美观。
                                                                                        新手！请多多指教