编程 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中的this指针

Mar 18 Javascript

js 中 document.createEvent的用法

Aug 29 Javascript

javascript的动态加载、缓存、更新以及复用（一）

Jun 09 Javascript

js代码实现无缝滚动(文字和图片)

Aug 20 Javascript

JS实现字符串转日期并比较大小实例分析

Dec 09 Javascript

jQuery File Upload文件上传插件使用详解

Dec 06 Javascript

简单实现js选项卡切换效果

Feb 09 Javascript

react native与webview通信的示例代码

Sep 25 Javascript

使用js获取伪元素的content实例

Oct 24 Javascript

vuex进阶知识点巩固

May 20 Javascript

js统计页面上每个标签的数量实例代码

May 29 Javascript

Vue实现push数组并删除的例子

Nov 01 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

You might like

php实现从上传文件创建缩略图的方法

2015/04/02 PHP

thinkphp项目如何自定义微信分享描述内容

2017/02/20 PHP

Laravel中七个非常有用但很少人知道的Carbon方法

2017/09/21 PHP

PHP实现通过CURL上传文件功能示例

2018/05/30 PHP

JavaScript asp.net 获取当前超链接中的文本

2009/04/14 Javascript

Jquery 基础学习笔记

2009/05/29 Javascript

JavaScript中几种常见排序算法小结

2011/02/22 Javascript

一个简单的js树形菜单

2011/12/09 Javascript

各浏览器中querySelector和querySelectorAll的实现差异分析

2012/05/23 Javascript

2014年50个程序员最适用的免费JQuery插件

2014/12/15 Javascript

实现前后端数据交互方法汇总

2015/04/07 Javascript

js生成随机数方法和实例

2017/01/17 Javascript

基于JavaScript实现活动倒计时效果

2017/04/20 Javascript

利用jQuery异步上传文件的插件用法详解

2017/07/19 jQuery

在create-react-app中使用css modules的示例代码

2018/07/31 Javascript

详解微信小程序canvas圆角矩形的绘制的方法

2018/08/22 Javascript

浅谈angularJS2中的界面跳转方法

2018/08/31 Javascript

jQuery实现为动态添加的元素绑定事件实例分析

2018/09/07 jQuery

微信小程序如何利用getCurrentPages进行页面传值

2019/07/01 Javascript

VUE 实现动态给对象增加属性，并触发视图更新操作示例

2019/11/29 Javascript

vue实现给div绑定keyup的enter事件

2020/07/31 Javascript

Python文件处理

2016/02/29 Python

Python内置函数——__import__ 的使用方法

2017/11/24 Python

Python 机器学习库 NumPy入门教程

2018/04/19 Python

python实时检测键盘输入函数的示例

2019/07/17 Python

python的pstuil模块使用方法总结

2019/07/26 Python

如何将你的应用迁移到Python3的三个步骤

2019/12/22 Python

大学竞选班长演讲稿

2014/04/24 职场文书

退学证明范本3篇

2014/10/29 职场文书

师范生见习自我总结

2015/06/23 职场文书

领导欢送会主持词

2015/07/06 职场文书

培训简讯范文

2015/07/20 职场文书

2016大一新生军训感言

2015/12/08 职场文书

Vue OpenLayer 为地图绘制风场效果

2022/04/24 Vue.js

MySQL中EXPLAIN语句及用法

2022/05/20 MySQL

Android实现图片九宫格

2022/06/28 Java/Android