jquery入门笔记
jquery入门笔记
Carbenson 发表于2年前
jquery入门笔记
  • 发表于 2年前
  • 阅读 49
  • 收藏 2
  • 点赞 0
  • 评论 0

腾讯云 十分钟定制你的第一个小程序>>>   

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>元素





共有 人打赏支持
粉丝 13
博文 192
码字总数 60039
×
Carbenson
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: