文档章节

jquery入门笔记

Carbenson
 Carbenson
发布于 2015/12/15 15:38
字数 270
阅读 49
收藏 2

1、引入jquery库文件

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

<script src ="app.js"></script>

以上写法是直接把jquery文件扔在项目根目录下的,如果想让文件清晰起来的话,就创建一个文件夹例如js,然后修改引入的路径,路径改为src="js/jquery-1.11.3.min.js"

2、基本语法

$(selector).action()

美元符号定义jQuery

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

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

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

先看例子(实现点击页面隐藏p元素)

$(document).ready(function(){

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

$(this).hide();

});

});

这里有三个action,第一个ready是在文件加载完毕后执行,

第二个click,表示点击页面时,对应选择器里面的元素所发生的事件

发生什么事呢,就是第三个action——hide,把当前元素隐藏 

3、jQuery元素选择器

jQuery使用CSS选择器来选取HTML元素

$("p")选取<p>元素。

$("p.intro")选取所有class="intro"的<p>元素

$("p#demo")选取所有id=“demo”的<p>元素





© 著作权归作者所有

共有 人打赏支持
Carbenson
粉丝 13
博文 233
码字总数 71192
作品 0
广州
程序员
electron入门笔记(三)- 引入bootstrap

当引入jQuery和bootstrap文件时,会报错,原因是:electron 的 Renderer 端因为注入了 Node 环境,存在全局函数 require,导致jquery 内部环境判断出现问题。 1、解决方法1: 再引入jQuery和...

尾鱼
08/14
0
0
jQuery零基础入门——(二)Selector选择器

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,补充了个人的理解和日常遇到的点,用我的理解表述出来,主干出处来自廖雪峰老师的技术分享。 大家好,欢迎回到我们的jQuery零基础...

JandenMa
07/01
0
0
GBin1推荐:分享2011年8个最新的jQuery Mobile在线教程

日期: 2011/10/18 作者:GBin1.com jQuery Mobile目前已经发布了RC1, 随着类库的完善,jQueryMobile必将成为移动端开发的利器之一,今天我们收集了2011年最新的8个jQuery移动开发教程,包含...

gbin1
2011/10/18
0
0
jQuery零基础入门——(一)初识jQuery

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,补充了个人的理解和日常遇到的点,主干出处来自廖雪峰老师的技术分享。 大家好,欢迎来到我们新的课程。应部分读者的要求,为满足...

JandenMa
06/29
0
0
jQuery零基础入门——(六)修改DOM结构

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,可能补充了个人的理解和日常遇到的点,用我的理解表述出来,主干出处来自廖雪峰老师的技术分享。 在《零基础入门JavaScript》的时...

JandenMa
07/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Confluence 6 删除垃圾内容

属性(profile)垃圾 属性垃圾的定义为,一个垃圾用户在 Confluence 创建了用户,但是这个用户在自己的属性页面中添加了垃圾 URL。 如果你有很多垃圾用户在你的系统中创建了属性,你可以使用...

honeymose
今天
0
0
qduoj~前端~二次开发~打包docker镜像并上传到阿里云容器镜像仓库

上一篇文章https://my.oschina.net/finchxu/blog/1930017记录了怎么在本地修改前端,现在我要把我的修改添加到部署到本地的前端的docker容器中,然后打包这个容器成为一个本地镜像,然后把这...

虚拟世界的懒猫
今天
1
0
UML中 的各种符号含义

Class Notation A class notation consists of three parts: Class Name The name of the class appears in the first partition. Class Attributes Attributes are shown in the second par......

hutaishi
今天
1
0
20180818 上课截图

小丑鱼00
今天
1
0
Springsecurity之SecurityContextHolderStrategy

注:下面分析的版本是spring-security-4.2.x,源码的github地址是: https://github.com/spring-projects/spring-security/tree/4.2.x 先上一张图: 图1 SecurityContextHolderStrategy的三个......

汉斯-冯-拉特
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部