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

来源：互联网发布：4g网络突然变成2g了编辑：程序博客网时间：2024/06/06 04:23

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;

0 0