jQuery基础
一、jQuery简介
是一款JavaScript库
方便地处理HTML、事件、动画等
html:处理HTML文档中的DOM节点,如添加、删除等事件:通过jQuery对页面上的事件进行处理(绑定或解绑事件)动画:通过jQuery实现淡入、淡出、滑动等动画
可以兼容多浏览器
80%以上网站使用
1.jQuery下载与使用
①下载地址:
http://jquery.com/
②压缩和非压缩版本
• Download the compressed, production jQuery
下载压缩版本,用于生产
• Download the uncompressed, development
jQuery 下载非压缩版本,用于开发
③使用:放在body的最后,防止影响性能
<script src="jquery-3.1.0.js"></script>
④版本的选择:
• V1.x
• V2.x:不兼容IE6-8
• V3.x:分为精简版和普通版
⑤使用CDN
• Content Delivery Network 内容分发网络
• https://code.jquery.com/
使用CDN的好处:性能提高,加快下载速度
在页面中使用cdn:
<script src="//cdn.bootcss.com/jquery/3.1.0/jquery.js"></script>
2.设计哲学
• Write less,do more
<head> <meta charset="UTF-8"> <title></title></head><body> <!--使用jQ--> <script> var checkedValue; var elements = document.getElementsByTagName('input'); for(var i=0;i<elements.length;i++){ if(elements[i].type === 'radio' && elements[i].name === 'test' && elements[i].checked){ checkedValue = elements[i].value; break; } } console.log(checkedValue); </script> <!--使用js--> <script> var checkedValue=$('input:radio[name="test"]:checked').val(); console.log(checkedValue); </script> <script src="js/jquery-3.2.1.js"></script></body>
注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。