jQuery学习笔记(1)

基本了解jQuery

Posted by ethan-zhou on February 3, 2019

安装

两种方法:

  • jquery.com 下载jQuery。

  • 从 CDN 中载入 jQuery:

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">

语法

$(selector).action()

​选择器 + 事件

文档就绪事件

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

我们通常将所有jQuery代码写在上面代码的注释处,这样是为了防止网页在加载完毕之前就运行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"),两个条件以逗号间隔。


作者:@ethan-enhe
本文为作者原创,转载请注明出处:本文链接


阅读量:


icon