编程 Javascript

Jquery 学习笔记（一）

Posted in Javascript onOctober 13, 2009

基础知识：
想要结构与行为分离当然不能使用<button onclick="…"></button>之类的东西了，js是写在<head>之间的，那就说起了 window.onload——这不是一个好东西，所以就有了Jquery颇具创意的

$(document).ready(funciton(){ 
… 
});

当然还会更精简：

$(function(){ 
… 
});

所以我的第一个Jquery脚本就是这样的。
$(function(){alert("I'm ready")});
Jquery对象的方法与DOM对象的方法是不能混合使用的。例如$("#id").innerHTML或者document.getElementById("id").html()都是错误的。
Jquery对象与DOM对象的转换，Jquery选择器返回的对象实则是以对象数组的方式返回的，因此可以使用数组下标进行转换。也可使用Jquery中的get(index)方法

$(function(){ 
var $p=$("p"); 
var p=$p[0];//var p=$p.get(0); 
alert(p.innerHTML); 
});

也可将DOM对象转换为Jquery对象

var p=document.getElementById("p"); 
var $p=$(p);

Jquery 学习笔记（一）

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery 源码分析笔记(3) Deferred机制

Jun 19 Javascript

对setInterval在火狐和chrome切换标签产生奇怪的效果之探索，与解决方案！

Oct 29 Javascript

jQuery的选择器中的通配符使用介绍

Mar 20 Javascript

JS将光标聚焦在文本最后的实现代码

Mar 28 Javascript

浅析2种JavaScript继承方式

Dec 04 Javascript

js创建数组的简单方法

Jul 27 Javascript

JavaScript实现解析INI文件内容的方法

Nov 17 Javascript

Vue实现双向绑定的方法

Dec 22 Javascript

bootstrap datetimepicker实现秒钟选择下拉框

Jan 05 Javascript

JS实现闭包中的沙箱模式示例

Sep 07 Javascript

two.js之实现动画效果示例

Nov 06 Javascript

vue中使用vue-cli接入融云实现即时通信

Apr 19 Javascript

extjs 学习笔记（二） Ext.Element类

Oct 13 #Javascript

extjs 学习笔记（一）一些基础知识

Oct 13 #Javascript

JQuery 绑定事件时传递参数的实现方法

Oct 13 #Javascript

通用javascript脚本函数库方便开发

Oct 13 #Javascript

jquery pagination插件实现无刷新分页代码

Oct 13 #Javascript

让iframe子窗体取父窗体地址栏参数(querystring)

Oct 13 #Javascript

百度留言本js 大家可以参考下

Oct 13 #Javascript