首页 / JQUERY / 8.8 JQuery框架

8.8 JQuery框架

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了8.8 JQuery框架，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1049字，纯文字阅读大概需要2分钟。

内容图文

8.8 JQuery框架

一、JQuery是一个javascript的框架，是对javascript的一种封装。 

通过JQuery可以非常方便的操作html的元素\要使用Jquery需要导入一个第三方的javascript库 jquery.min.js，

与javascript通过id获取元素节点的方式(document.getElementById )不同

需要注意的是，通过 document.getElementById 获取到的是 DOM里的 元素节点
JQuery通过$("#id") 获取到的是一个 JQuery 对象 

            <
            script 
            src
            ="http://how2j.cn/study/jquery.min.js"
            ></
            script
            >
            <
            script
            >
            //
            $(...);JQuery代码都是文档加载好之后的。
            $(
            function
            (){

            //
            通过$("#b1") 获取到的是一个 JQuery 对象
               $(
            "
            #b1
            "
            ).click(
            function
            (){

            //
            通过$("#d")拿到div对象后，直接调用hide()和show()方法，即可实现隐藏和显示。
                  $(
            "
            #d
            "
            ).hide();
   });
   $(
            "
            #b2
            "
            ).click(
            function
            (){
      $(
            "
            #d
            "
            ).show();
   });
});
 

            </
            script
            >
            <
            button 
            id
            ="b1"
            >隐藏div</button><button id="b2">显示div</button><br><br><div id="d">
 
这是一个div
</div>

JQuery 不需要在html元素上进行操作
这样的好处是，html只需要显示内容，特别是业务复杂起来之后维护js代码会更加容易。

二、常见方法

2.1 通过JQuery对象的val()方法获取值 、相当于 document.getElementById("input1").value;

2.2 通过html() 获取元素内容,如果有子元素，保留标签

2.3 通过text() 获取元素内容,如果有子元素，不包含标签

三、

原文：https://www.cnblogs.com/Smileing/p/11553272.html

内容总结

以上是互联网集市为您收集整理的8.8 JQuery框架全部内容，希望文章能够帮你解决8.8 JQuery框架所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1255574.html

来源：【匿名】