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

js打印纸函数代码（递归）

Jun 18 Javascript

通过DOM脚本去设置样式信息

Sep 19 Javascript

js取得url地址参数实例

Feb 22 Javascript

thinkphp中常用的系统常量和系统变量

Mar 05 Javascript

javascript操作字符串的原生方法

Dec 22 Javascript

JS+CSS实现的简单折叠展开多级菜单效果

Sep 12 Javascript

JavaScript知识点总结之如何提高性能

Jan 15 Javascript

理解javascript中的with关键字

Feb 15 Javascript

vue2.0组件之间传值、通信的多种方式(干货)

Feb 10 Javascript

node puppeteer(headless chrome)实现网站登录

May 09 Javascript

node(koa2) web应用模块介绍详解

Mar 29 Javascript

es6函数name属性功能与用法实例分析

Apr 18 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删除字符串末尾子字符,删除开始字符,删除两端字符(实现代码)

2013/06/27 PHP

php中HTTP_REFERER函数用法实例

2014/11/21 PHP

PHP中使用xmlreader读取xml数据示例

2014/12/29 PHP

PHP+Mysql无刷新问答评论系统(源码)

2016/12/20 PHP

PHP中OpenSSL加密问题整理

2017/12/14 PHP

php处理抢购类功能的高并发请求

2018/02/08 PHP

javascript 传统事件模型构造的事件监听器实现代码

2010/05/31 Javascript

JavaScript实现梯形乘法表的方法

2015/04/25 Javascript

JavaScript中常见的字符串操作函数及用法汇总

2015/05/04 Javascript

全系IE支持Bootstrap的解决方法

2015/10/19 Javascript

angularjs自定义ng-model标签的属性

2016/01/21 Javascript

Bootstrap和Angularjs配合自制弹框的实例代码

2016/08/24 Javascript

bootstrap日历插件datetimepicker使用方法

2016/12/14 Javascript

JS原型与原型链的深入理解

2017/02/15 Javascript

深究AngularJS如何获取input的焦点（自定义指令）

2017/06/12 Javascript

JavaScript实现三级级联特效

2017/11/05 Javascript

js+springMVC 提交数组数据到后台的实例

2019/09/21 Javascript

python解析模块(ConfigParser)使用方法

2013/12/10 Python

Python进程间通信用法实例

2015/06/04 Python

解决Python3 控制台输出InsecureRequestWarning问题

2019/07/15 Python

python可视化text()函数使用详解

2020/02/11 Python

python中entry用法讲解

2020/12/04 Python

布局和排版教程纯css3实现图片三角形排列

2014/10/17 HTML / CSS

CSS实现进度条和订单进度条的示例

2020/11/05 HTML / CSS

实习生个人的自我评价

2013/12/08 职场文书

简单的辞职信范文

2014/01/18 职场文书

迎新晚会邀请函

2014/02/01 职场文书

海洋科学专业求职信

2014/08/10 职场文书

婚内房产协议书范本

2014/10/02 职场文书

领导干部群众路线剖析材料

2014/10/09 职场文书

小学教师学习党的群众路线教育实践活动心得体会

2014/10/31 职场文书

2015年秋季新学期寄语

2015/03/25 职场文书

经费申请报告范文

2015/05/18 职场文书

HR必备：超全面的薪酬待遇管理方案！

2019/07/12 职场文书

8个JS的reduce使用实例和reduce操作方式

2021/10/05 Javascript

《最终幻想14》6.01版本4月5日推出追加新任务新道具

2022/04/03 其他游戏