[聚合文章] jQuery基础

jQuery 2017-04-03 17 阅读

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>

注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。