文档章节

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
粉丝 15
博文 235
码字总数 71858
作品 0
广州
程序员
electron入门笔记(三)- 引入bootstrap

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

尾鱼
08/14
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零基础入门——(二)Selector选择器

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

JandenMa
07/01
0
0
jquery合集--从零开始学习jQuery系列- 转载

从零开始学习jQuery系列 作者: ziqiu.zhang 来源: 博客园 发布时间: 2009-12-22 11:37 阅读: 3452 次 [收藏] 本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二...

nkbai
2010/04/06
0
0
jQuery零基础入门——(一)初识jQuery

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

JandenMa
06/29
0
0

没有更多内容

加载失败,请刷新页面

加载更多

简单谈一谈压力测试

最近,在做API的压力测试,趟了不少坑,然后呢,简要记录一下。 压测前需要准备的一些事 拿到API文档不要立马上手,先基准测试,就是执行一次接口测试,至少要压这个接口,要先熟悉一下他的参...

浮躁的码农
52分钟前
0
0
PHP 错误调查

一.定义:PHP错误是由PHP无法读懂执行的代码引起的错误。 二:错误日志 error log 1.在php.ini 里设置 log_errors = on, log文件位置 error_log=/tmp/php_errors.log 2.代码里设置ini_set('...

忙碌的小蜜蜂
55分钟前
1
0
knn算法

import numpy as np def CreateDateSet(): group = np.array([[1.0, 2.0], [1.2, 0.1], [0.1, 1.4], [0.3, 3.5]]) labels = ['A','A','B','B'] return group,labels coding:utf-8 from numpy......

南桥北木
56分钟前
1
0
自己手写一个 SpringMVC 框架

前端框架很多,但没有一个框架称霸,后端框架现在Spring已经完成大一统.所以学习Spring是Java程序员的必修课. Spring 框架对于 Java 后端程序员来说再熟悉不过了,以前只知道它用的反射实现的,...

别打我会飞
今天
2
0
01-《Apache Tomcat 9》之文件索引

《Apache Tomcat 9》是《看Apache官方文档学英语》的第一个专栏!让我们一起在看文档的过程中学英语,在学英语的过程中夯实技术! Documentation Index - 文件索引 Introduction - 介绍 This...

飞鱼说编程
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部