jQuery基础学习1
2024-10-15 11:43:17
标准HTML文件引入jQuery库方法:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<!-- 引入 jQuery -->
<script src="../scripts/jquery.js" type="text/javascript"></script> <script type="text/javascript">
//等待dom元素加载完毕.
$(document).ready(function(){
alert("Hello World!");
});
</script>
</head> <body>
</body>
</html>
1. 在jQuery库中,$就是jQuery的一个简写形式,$("#foo")和jQuery("#foo")是等价的,$.ajax和jQuery.ajax是等价的。
2.$(document).ready(function(){……});这个方法类似于传统的JavaScript中的window.onload方法;$(document).ready()函数中的所有代码都将会提前(只要DOM在浏览器中被注册完毕)被执行,而不是在页面所有内容(例如图片等占用带宽的内容)完全加载完毕之后才执行事件;它允许用户在第一眼看到元素的时候,就能立即看到元素产生的影藏效果、显示效果和其他效果。
3.$(document).ready()函数可以在代码中被反复调用。
4.$(function(){……});是$(document).ready(function(){……});的缩写形式,二者功能完全一致。
5.引入外部css文件的方式
<link rel="stylesheet" href="css/default.css" type="text/css" />
6.jQuery代码的注释
单行注释采用//的方式
多行注释采用/*……*/的方式
最新文章
- linux shell脚本查找重复行/查找非重复行/去除重复行/重复行统计
- html+js 的一些小问题
- outline使用方法,outline与border的区别:
- Vim命令大全
- HDU 1864
- PHP计划任务:如何使用Linux的Crontab执行PHP脚本
- Spark Core源代码分析: Spark任务模型
- Qt Quick 布局演示
- CSS3知识点整理(一)----基本样式
- Swoole笔记(三)
- 工作流引擎Activiti 专题
- canal mysql slave
- node+pm2+express+mysql+sequelize来搭建网站和写接口
- Centos 7 关闭selinux and firewall
- vue 的进度条组件
- 腾讯大数据之TDW计算引擎解析——Shuffle
- Java数据解析---JSON
- [Leetcode 392]判断子序列 Is Subsequence
- iOS 使用代码创建约束,实现自动布局
- Linux系统——MySQL基础(二)
热门文章
- 面试题_89_to_92_单元测试 JUnit 面试题
- 利用Java自带的MD5加密java.security.MessageDigest;
- Hibernate与Jpa的关系,终于弄懂
- java转换json需导入的jar包说明
- struct TABLE_SHARE
- 玩转EasyUi弹出框
- sqlserver 导入/导出Excel
- busybox filesystem udhcpc 原理
- OpenGL 顶点缓存对象
- 实时通讯库 libre/librem/restund/baresip