jquery学习笔记之一二-------入门及基础核心

最新推荐文章于 2024-08-13 13:25:54 发布

techan007

最新推荐文章于 2024-08-13 13:25:54 发布

阅读量270

点赞数

分类专栏： jQuery学习笔记文章标签： json javascript jquery 脚本 web

本文链接：https://blog.csdn.net/techan007/article/details/38557985

版权

jQuery学习笔记专栏收录该内容

13 篇文章 0 订阅

订阅专栏

1.jQuery入门

第一个js文件

$(function () {
	$('input').click(function () {
		alert('hello world');
	});
});

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Hello World!</title>
	<script type="text/javascript" src="jquery-1.10.1.js" ></script>
	<script type="text/javascript" src="demo.js" ></script>
</head>
<body>
	<h1>123</h1>
	<input type="button" value="hi" >
</body>
</html>

2.jQuery基础核心

一代码风格

$(function () {});      //执行一个匿名函数
$(‘#box’);    //进行执行的ID元素选择
$(‘#box’).css(‘color’, ‘red’);   //执行功能函数
$本身就是jQuery对象的缩写形式

二加载模式

延迟等待加载：等待DOM加载完毕

window.onload = function () {};
//JavaScript等待加载
$(document).ready(function () {});
//jQuery等待加载

jQuery 只需要等待网页中的DOM结构加载完毕，就能执行包裹的代码

三对象互换

alert($('#box')); //返回jQuery对象

alert($('#box').get(0));//返回一个原生DOM

四多个库文件冲突

誰先创建誰先使用$

解决方案：var $$ = jQuery;

techan007

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery学习笔记之一二-------入门及基础核心

1.jQuery入门第一个js文件$(function () {$('input').click(function () {alert('hello world');});});
复制链接

扫一扫

专栏目录