jquery入门笔记

2019独角兽企业重金招聘Python工程师标准>>>

1、引入jquery库文件

<script src="jquery-1.11.3.min.js"></script>

<script src ="app.js"></script>

以上写法是直接把jquery文件扔在项目根目录下的，如果想让文件清晰起来的话，就创建一个文件夹例如js，然后修改引入的路径，路径改为src="js/jquery-1.11.3.min.js"

2、基本语法

$(selector).action()

美元符号定义jQuery

选择符（selector）"查询"和"查找HTML元素"

jQuery的action()执行对应元素的操作

$("p").hide()-隐藏所有的段落

先看例子(实现点击页面隐藏p元素)

$(document).ready(function(){

$("p").click(function(){

$(this).hide();

});

});

这里有三个action，第一个ready是在文件加载完毕后执行，

第二个click，表示点击页面时，对应选择器里面的元素所发生的事件

发生什么事呢，就是第三个action——hide，把当前元素隐藏 

3、jQuery元素选择器

jQuery使用CSS选择器来选取HTML元素

$("p")选取<p>元素。

$("p.intro")选取所有class="intro"的<p>元素

$("p#demo")选取所有id=“demo”的<p>元素

转载于:https://my.oschina.net/carbenson/blog/544591