大佬教程收集整理的这篇文章主要介绍了8.8 JQuery框架,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
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对象后,直接@L_607_9@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() 获取元素内容,如果有子元素,不包含标签
三、
以上是大佬教程为你收集整理的8.8 JQuery框架全部内容,希望文章能够帮你解决8.8 JQuery框架所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。