jQuery

Posted 2020-08-29 fuzzier

首先声明本次随笔大部分来源于huizhi网，单纯用于自己记笔记

 

1 jquery基本介绍

1.1 搭建开发环境

下载jquery

在jQuery官网：<a href="http://jquery.com">http://jquery.com</a>中下载最新版本的jQuery。

引入jquery

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

1.2 语法形式

jQuery 语法是为html元素的选取编制的，可以对元素执行某些操作。

基础语法是：$(selector).action()

• 美元符号定义jQuery
• 选择符(selector)"查询"和"查找"HTML元素
• jQuery的action()执行对元素的操作

$(this).hide()- 隐藏当前元素
$("p").hide()- 隐藏所有段落
$(".test").hide()- 隐藏所有class = "test" 的所有元素
$("#test").hide()- 隐藏所有 id = "test" 的元素

1.3 hello world

$(document).ready(function (){
    //代码段
});

可以简化成

$(function (){
    //代码段
});