100steps / Blogs

:green_apple: 创新,只为与你分享。
134 stars 32 forks source link

关于jQuery的一点东西——线下分享预热 #65

Open MinMinEr opened 7 years ago

MinMinEr commented 7 years ago

jQuery是什么?

它是一个javaScript代码库 它简化了代码 它简单易学

Query是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。 jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。 摘自百度百科

jQuery语法

$(selector).action();

$ 定义jQuery selector 选择符,查找和查询html元素 action 对元素进行的操作

MinMinEr commented 7 years ago
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>selector</title>
    <script src="jquery-3.2.0.slim.min.js"></script>
    <script>
        $(document).ready(function(){
            $("button").click(function(){
                $(".pclass").hide();
            });
        });
    </script>
<body>
<p class="pclass">I like Coca Cola</p>
<button>click</button>
</body>
</html>

以上是一段简单的代码

snow-t commented 7 years ago

其实jq它还有很多插件可以使用,比如jQuery-ui,jQuery-animate之类的可以去尝试使用一下。 另外不要学会了jq就忘了js怎么写,有空的时候可以尝试去看下jq的源码来研究下它是怎么实现的。