1、jQuery库简介

1.1、jQuery：　　

　　jQuery库可以通过一行简单的标记被添加到网页中

1.2、什么是jQuery：　　

　　jQuery是一个JavaScript函数库（由于底层封装的问题，不需要再担心浏览器兼容性的问题）

1.3、jQuery库包含的功能：

　　HTML元素选取

　　HTML元素操作

　　CSS操作

　　HTML事件函数（不同浏览器有一些方面是不相通的，使用jQuery之后就不要担心这个问题了。）

　　JavaScript特效和动画

　　HTML DOM遍历和修改

　　AJAX（不修改页面内容将服务器内容显示在页面上，有非常好的用户体验）

　　Utilities

2、引入jQuery的方法

2.1、网页中添加jQuery

　　1.从jquery.com下载jQuery库

　　2.从CDN中载入jQuery，如从google中加载jQuery

　　　　百度和新浪的服务器存有jQuery

　　　　　　例如：http://libs.baidu.com/jquery/1.10.2/jquery.min.js

　　　　谷歌和微软的服务器存有jQuery　　　　

　　　　　　例如：http://ajax.googleapis.com/ajax/libs/jquery/jquery.min.js

2.2、版本介绍

　　v1.11.1:1.x支持IE6+

　　v2.1.1:2.x支持IE9+

3、jQuery的基本语法

3.1、jQuery语法

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

　　美元符号定义jQuery

　　选择符(selector)查询和查找HTML元素

　　jQuery的action()执行对元素的操作

　　例如:

　　　　$(this).hide() - 隐藏当前元素

　　　　$("p").hide() - 隐藏当前所有段落

　　　　

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script src="jquery-3.3.1.min.js"></script>

    <script>

        $(document).ready(function(){/*当前文档加载完毕后执行的功能。*/

            alert("文档加载完毕！");

            $("p").click(function(){

                $(this).hide();/*这里的隐藏直接连他所占的div空间都没有了。*/

            });

        });

    </script>

</head>

<body>

    <p>hello</p>

    <p>hello</p>

    <p>hello</p>

    <p>hello</p>

    <p>hello</p>

    <p>hello</p>

</body>

</html>

前端（jQuery）（1）-- JQuery简介及语法的更多相关文章

  1. jQuery简介及语法

    jQuery引入 jQuery语法

  2. 前端之JQuery：JQuery基本语法

    jQuery基本语法 一.jQuery基础1.为什么要用jquery? 写起来简单,省事,开发效率高,兼容性好2.什么是jQuery? jQuery是一个兼容多浏览器的JavaScript库(类似py ...

  3. 前端第四篇---前端基础之jQuery

    前端第四篇---前端基础之jQuery 一.jQuery介绍 二.jQuery对象 三.jQuery基础语法 四.事件 五.动画效果 六.补充each 一.jQuery简介 1.jQuery介绍 jQ ...

  4. 前端学习之jquery/下

    前端学习之jquery 一 属性操作 html(): console.log($("div").html()); $(".test").html("& ...

  5. 前端学习之jquery

    前端学习之jquery 1.   什么是jQuery对象? jQuery对象就是通过jQuery包装DOM对象后产生的对象.jQuery对象是jQuery独有的.如果一个对象是jQuery对象,那么它 ...

  6. 前端笔记之jQuery（上）加载函数的区别&对象&操作HTML/CSS&动画&选择器

    一.jQuery简介 1.0 JavaScript编程比较恶心的地方 恶心1:选择元素麻烦,全线兼容的方法只有getElementById()和getElementsByTagName()两个.其他的 ...

  7. Python学习（二十三）—— 前端基础之jQuery

    转载自http://www.cnblogs.com/liwenzhou/p/8178806.html 一.jQuery入门 jQuery是一个轻量级的.兼容多浏览器的JavaScript库. jQue ...

  8. 前端基础之:JQuery(可编辑版)

     前端基础之jquery   一 jQuery是什么? ［1］   jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team. ［2］   ...

  9. 前端基础之jQuery入门 01

    jQuery介绍 jQuery是一个轻量级的.兼容多浏览器的JavaScript库. jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方便地进行Ajax交互, ...

  10. 前端基础 之 jQuery

    浏览目录 jQuery介绍 jQuery的优势 jQuery对象 jQuery内容 一.jQuery介绍 1.jQuery是一个轻量级的.兼容多浏览器的JavaScript库. 2.jQuery使用户 ...

随机推荐

  1. 阿里云香港ECS搭建Shadowscoks

    注(转https://yijingping.github.io/2016/11/29/fanqiang.html) 1 为什么FQ 作为一个技术人员, 最常用的就是Google.StackOverfl ...

  2. mysql commond record

    CREATE DATABASE IF NOT EXISTS codex_gm DEFAULT CHARACTER SET utf8; service mysqld stop screen -dmS m ...

  3. Python全栈开发：socket

    Socket socket通常也称作"套接字",用于描述IP地址和端口,是一个通信链的句柄,应用程序通常通过"套接字"向网络发出请求或者应答网络请求. sock ...

  4. Linux 运维日常排错

    硬盘与IO df -Th #查看挂载和文件系统类型.检查是否有空间用满,是否有业务数据未使用独立分区?   iostat -x 1 1. 检查iowait是否持续在15%以上,说明硬盘负载高. 2. ...

  5. Java实现RSA加密

    末尾贴上代码↓↓↓↓↓↓↓↓↓↓↓↓  1.原理 2.实现过程 3. 公式 4.举例  p=13, q=11 ,  (p,q互质)  N=p*q=143 L=(p-1)*(q-1)=120 E=7   ...

  6. 基于 RocketMQ 的同城双活架构在美菜网的挑战与实践

    本文整理自李样兵在北京站 RocketMQ meetup分享美菜网使用 RocketMQ 过程中的一些心得和经验,偏重于实践. 嘉宾李样兵,现就职于美菜网基础服务平台组,负责 MQ ,配置中心和任务调 ...

  7. natapp出现Invalid Host header

    前端是vue 3.x 项目,需要更改vue的配置文件 vue.config.js,在module.exports中添加devServer:{disableHostCheck:true}

  8. Zuul上传文件

    对于1M以内的文件上传,无需任何处理,大文件10M以上需要为上传路径添加/zuul前缀,也可使用zuul.servlet-path自定义前缀 如果Zuul使用了Ribbon做负载均衡,那么对于超大的文 ...

  9. linux mysql备份shell

    #!/bin/bash # Shell script to backup MySql database # Author: Henry he # Last updated: -- # crontab ...

  10. VS2010-MFC（对话框：创建对话框类和添加控件变量）

    转自:http://www.jizhuomi.com/software/153.html 前两讲中讲解了如何创建对话框资源.创建好对话框资源后要做的就是生成对话框类了.生成对话框类主要包括新建对话框类 ...