JavaScript入门笔记6

1.jQuery

jQuery 是一个 JavaScript 库。
jQuery 极大地简化了 JavaScript 编程。
学习:https://www.w3school.com.cn/jquery/jquery_intro.asp详细教程
jQuery官网:http://jquery.com

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("p").click(function(){
  $(this).hide();
  });
});
</script>
</head>

<body>
<p>disappear</p>
</body>

</html> 

由此可知jQuery的写法为$(selector).action()
1.美元符号定义 jQuery
2.选择符(selector)
3.jQuery 的 action() 执行对元素的操作

2.jQuery 选择器

$("*")所有元素
$("#lastname")id="lastname" 的元素
$(".intro")所有 class="intro" 的元素
$("p")  所有 <p> 元素
$(".intro.demo")    所有 class="intro" 且 class="demo" 的元素

3.jQuery事件

bind()         向匹配元素附加一个或更多事件处理器
blur()                 触发、或将函数绑定到指定元素的 blur 事件
event.target    触发该事件的 DOM 元素。
trigger()   所有匹配元素的指定事件
unbind()    从匹配元素移除一个被添加的事件处理器

4.jQuery操作DOM元素

[.get()]获得由选择器指定的 DOM 元素
[.index()]返回指定元素相对于其他指定元素的 index 位置
[.size()] 返回被 jQuery 选择器匹配的元素的数量
[.toArray()]\以数组的形式返回 jQuery 选择器匹配的元素

学习js要多多练习记住一些常用的

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 写在前面 本文是我通过在网易云课堂上学习 叶建华 老师的 撩课-零基础玩转JavaScript 视频教程,整理、精...
    David_Rao阅读 1,706评论 0 0
  • jQuery 简介 jQuery 极大地简化了 JavaScript 编程。 jQuery 库可以通过一行简单的标...
    反域名阅读 2,312评论 0 0
  • 因为实习工作的需要,要编写部分前端的代码。因此花了两天对于前端的基础知识进行了简单的学习。基本上对于项目中前端代码...
    却无法阅读 4,930评论 0 6
  • 前言 暑假的时候虽然说学习过一遍jQuery了,但只是眼过一遍,熟悉了基本的使用并没有做记录,趁着学校这两天学校运...
    LongTean阅读 5,405评论 3 51
  • 夜莺2517阅读 127,905评论 1 9

友情链接更多精彩内容