博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery学习记录(二):如何使用jQuery库
阅读量:4495 次
发布时间:2019-06-08

本文共 733 字,大约阅读时间需要 2 分钟。

如何向网页中添加jQuery库?

jQuery库可以通过如下一行简单的标记被添加到网页中:
<script type="text/javascript" src="jquery.js"></script>
注意,<script>标签应位于页面的<head>部分。从HTML5开始,可以省略type="text/javascript",是因为JavaScript是HTML5以及所有现代浏览器中默认的脚本语言。但是为了兼容性,我们还是不省略较好。

截止本文,jQuery最新版本为1.10.2。官方下载地址:。其中:

  • Production version - 用于实际的网站中,已被精简和压缩。
  • Development version - 用于测试和开发(未压缩,是可读的代码)

jQuery语法

通过jQuery,可以选取(查询,query)HTML元素,并对它们执行操作(actions)

基础语法:$(selector).action()
美元符号$定义jQuery,标识着当前使用的是jQuery库。
选择符(selector),标识着查找HTML元素
action(),标识着对选取元素selector的操作
例:$('p').hide(); 隐藏所有p标签

前一章的例子中涉及到了文档就绪函数$(document).ready(function(){});

这事为了防止文档在完全加载(就绪)之前运行jQuery代码。如果当前网页文档没有完全加载之前就运行jQuery代码,操作可能失败。
此函数可以使用简化的写法$(function(){});

转载于:https://www.cnblogs.com/67laobaigan/p/3400908.html

你可能感兴趣的文章
webpack之傻瓜式教程及前端自动化入门
查看>>
Python学习-5.Python的变量与数据类型及字符串的分割与连接
查看>>
【TypeScript】TypeScript 学习 2——接口
查看>>
Failed to sync Gradle project 'XX'错误解决
查看>>
vue-router 重难点总结笔记
查看>>
GDI+绘图
查看>>
团队项目冲刺第七天
查看>>
数据库的持续集成和版本控制
查看>>
nginx反向代理nginx,RealServer日志打印真实ip
查看>>
Visual Studio蛋疼问题解决(1)
查看>>
98%的人没解出的德国面试逻辑题
查看>>
mysql 复制表结构 / 从结果中导入数据到新表
查看>>
fiddler---使用方法2--抓取其他电脑数据包
查看>>
python基础教程——切片
查看>>
android 获取坐标【转】
查看>>
Windows Text Copyer 1.1绿色版
查看>>
内存重叠strcpy\memcpy
查看>>
球的移动(move)
查看>>
页面禁止双击选中
查看>>
打印流
查看>>