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. soj98 卡牌

    题意:一共有n张牌,每张牌有三个属性ai,bi,ci.问在属性上限为A,B,C的所有牌中有多少张牌满足至少有两个属性可以完全压制(严格大于)那n张牌? n<=50W. 标程: #include& ...

  3. 廖雪峰Java11多线程编程-2线程同步-2synchronized方法

    1.Java使用synchronized对一个方法进行加锁 class Counter{ int count = 0; public synchronized void add(int n){ cou ...

  4. springboot指定项目访问路径前缀

    springboot默认的运行方式是没有项目前缀的 如果这时候我们要加上调试或者发布,可以使用下面的方法加上 方法:

  5. 为WCF增加UDP绑定（储备篇）

    日前我开发的服装DRP需要用到即时通信方面的技术,比如当下级店铺开出零售单时上级机构能实时收到XX店铺XX时XX分卖出XX款衣服X件之类的信息,当然在上级发货时,店铺里也能收到已经发货的提醒.即时通信 ...

  6. requirements.txt 作用

    requirements.txt的作用 用于记录所有依赖包及其精确的版本号.以便新环境部署. 使用pip生成 pip freeze >requirements.txt 当需要创建这个虚拟环境的完 ...

  7. Jetty启动配置解析

    目录 1. jetty概述 2. spring-jetty启动配置 1. jetty概述 维基百科:Jetty是一个纯粹的基于Java的网页服务器和Java Servlet容器. Jetty Serv ...

  8. Netty TCP粘包/拆包问题《二》

    1.DelimiterBasedFrameDecoder:是以分隔符作为结束标志进行解决粘包/拆包问题 代码: EchoClient:客户端 /* * Copyright 2012 The Netty ...

  9. Solr+HBase

  10. sql草稿

    参考:MySQL 内连接.外连接.左连接.右连接.全连接 SELECT count(*) FROM `t_product_base` select m_name from t_medicinal_in ...