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);
Javascript 相关文章推荐
js选取多个或单个元素的实现代码(用class)
Aug 22 Javascript
js将iframe中控件的值传到主页面控件中的实现方法
Mar 11 Javascript
div模拟滚动条效果示例代码
Oct 16 Javascript
javascript实现表格增删改操作实例详解
May 15 Javascript
jQuery、zepto、js常用小技巧
Feb 12 Javascript
Vue学习笔记进阶篇之vue-router安装及使用方法
Jul 19 Javascript
微信小程序对接七牛云存储的方法
Jul 30 Javascript
解析Vue2 dist 目录下各个文件的区别
Nov 22 Javascript
记一次webpack3升级webpack4的踩坑经历
Jun 12 Javascript
关于JavaScript 数组你应该知道的事情(推荐)
Apr 10 Javascript
JS+DIV实现拖动效果
Feb 11 Javascript
JavaScript监听一个DOM元素大小变化
Apr 26 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
javascript之大字符串的连接的StringBuffer 类
2007/05/08 Javascript
js 操作符实例代码
2009/10/24 Javascript
javascript 得到变量类型的函数
2010/05/19 Javascript
读jQuery之四(优雅的迭代)
2011/06/20 Javascript
js监听键盘事件示例代码
2013/07/26 Javascript
JavaScript中创建对象和继承示例解读
2014/02/12 Javascript
jQuery的图片滑块焦点图插件整理推荐
2014/12/07 Javascript
JavaScript中this的9种应用场景及三种复合应用场景
2015/09/12 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形菜单
2015/11/30 Javascript
nodejs加密Crypto的实例代码
2016/07/07 NodeJs
javascript 数组的正态分布排序的问题
2016/07/31 Javascript
JS调用打印机功能简单示例
2016/11/28 Javascript
基于javaScript的this指向总结
2017/07/22 Javascript
详解Vue路由钩子及应用场景(小结)
2017/11/07 Javascript
详解es6超好用的语法糖Decorator
2018/08/01 Javascript
JavaScript this绑定过程深入详解
2018/12/07 Javascript
Vue模板语法中数据绑定的实例代码
2019/05/17 Javascript
通过循环优化 JavaScript 程序
2019/06/24 Javascript
vue2.x 通过后端接口代理,获取qq音乐api的数据示例
2019/10/30 Javascript
完美解决vue 中多个echarts图表自适应的问题
2020/07/19 Javascript
VSCode Vue开发推荐插件和VSCode快捷键(小结)
2020/08/08 Javascript
swiper实现导航滚动效果
2020/12/13 Javascript
Python实现二叉搜索树
2016/02/03 Python
python下载文件记录黑名单的实现代码
2017/10/24 Python
Python中的探索性数据分析(功能式)
2017/12/22 Python
python docx 中文字体设置的操作方法
2018/05/08 Python
python实现小程序推送页面收录脚本
2020/04/20 Python
浅析python 定时拆分备份 nginx 日志的方法
2020/04/27 Python
使用Python FastAPI构建Web服务的实现
2020/06/08 Python
英国现代家具和照明购物网站:Heal’s
2019/10/30 全球购物
Java程序员综合测试题
2014/04/25 面试题
应届大学生简历中的自我评价
2014/01/15 职场文书
主题婚礼策划方案
2014/02/10 职场文书
餐饮采购员岗位职责
2014/03/15 职场文书
学生喝酒检讨书500字
2014/11/02 职场文书
SpringBoot2零基础到精通之数据库专项精讲
2022/03/22 Java/Android