jQuery学习笔记——安装,基本了解以及选择器

安装

两种方法:

  • jquery.com 下载jQuery。

  • 从 CDN 中载入 jQuery, 如从我的博客中加载 jQuery:

<script src="https://blog-static.cnblogs.com/files/BlogE/jquery-3.3.1.min.js"></script>

语法

$(selector).action()

​选择器 + 事件

文档就绪事件

$(document).ready(function(){
   /* code */
});

这样是为了防止网页在加载完毕之前就运行 jQuery 代码,导致操作失败的情况

选择器

用来对选择要进行操作的HTML 元素组或单个元素。

$("选择的元素")

几种选择方式:

  1. 选择标签,如:$("p")就选择了所有标签为<p>...</p>的html元素。
  2. 选择id,如$("#id1")就选择了id为“id1”的元素。
  3. 选择class,如$(".class1")就选择了class为“class1”的元素。
  4. 选择当前元素:$(this)

Tips:选择器中的“与”和“或”

比如说我要选择id="id1"并且class="class1"的元素,则应该使用$("#id1.class1")
如果我要选择所有id="id1"或者class="class1"的元素,则应该使用$("#id1,.class1"),两个条件以逗号间隔。

猜你喜欢

转载自www.cnblogs.com/BlogE/p/jquery_1.html