编程 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 相关文章推荐

测试JavaScript字符串处理性能的代码

Dec 07 Javascript

潜说js对象和数组

May 25 Javascript

jquery列表拖动排列(由项目提取相当好用)

Jun 17 Javascript

浅析AngularJs HTTP响应拦截器

Dec 28 Javascript

jQuery实现的模拟弹出窗口功能示例

Nov 24 Javascript

bootstrapValidator自定验证方法写法

Dec 01 Javascript

JavaScript定时器制作弹窗小广告

Feb 05 Javascript

js+html制作简单验证码

Feb 16 Javascript

vue-cli项目如何使用vue-resource获取本地的json数据（模拟服务端返回数据）

Aug 04 Javascript

Three.js实现浏览器变动时进行自适应的方法

Sep 26 Javascript

Vue+SpringBoot开发V部落博客管理平台

Dec 27 Javascript

小程序新版订阅消息模板消息

Dec 31 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