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 相关文章推荐
基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )
Nov 14 Javascript
javascript 上下banner替换具体实现
Nov 14 Javascript
JavaScript中的连字符详解
Nov 28 Javascript
Firefox下无法正常显示年份的解决方法
Sep 04 Javascript
javascript结合CSS实现苹果开关按钮特效
Apr 07 Javascript
Javascript Function.prototype.bind详细分析
Dec 29 Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
May 26 Javascript
JS实现瀑布流布局
Oct 21 Javascript
vue数组对象排序的实现代码
Jun 20 Javascript
vue-router中scrollBehavior的巧妙用法
Jul 09 Javascript
微信小程序 swiper 组件遇到的问题及解决方法
May 26 Javascript
Vue中跨域及打包部署到nginx跨域设置方法
Aug 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
PHP foreach循环使用详解与实例代码
2010/05/08 PHP
PHP为表单获取的URL 地址预设 http 字符串函数代码
2010/05/26 PHP
PHP生成可点击刷新的验证码简单示例
2016/05/13 PHP
老生常谈PHP面向对象之注册表模式
2017/05/26 PHP
PHP7 标准库修改
2021/03/09 PHP
JQuery SELECT单选模拟jQuery.select.js
2009/11/12 Javascript
基于Jquery的开发个代阴影的对话框效果代码
2011/07/28 Javascript
基于JavaScript 类的使用详解
2013/05/07 Javascript
JavaScript中为什么null==0为false而null大于=0为true(个人研究)
2013/09/16 Javascript
input链接页面、打开新网页等等的具体实现
2013/12/30 Javascript
一张Web前端的思维导图分享
2015/07/03 Javascript
vue2.0开发实践总结之入门篇
2016/12/06 Javascript
JS实现的添加弹出层并完成锁屏操作示例
2017/04/07 Javascript
详解React中的组件通信问题
2017/07/31 Javascript
JavaScript中错误正确处理方式小结你用对了吗
2017/10/10 Javascript
django使用channels2.x实现实时通讯
2018/11/28 Javascript
微信小程序 WXML节点信息查询详解
2019/07/29 Javascript
微信小程序swiper左右扩展各显示一半代码实例
2019/12/05 Javascript
JS中FormData类实现文件上传
2020/03/27 Javascript
JavaScript实现五子棋小游戏
2020/10/26 Javascript
Python删除空文件和空文件夹的方法
2015/07/14 Python
Python爬取商家联系电话以及各种数据的方法
2018/11/10 Python
Python面向对象实现一个对象调用另一个对象操作示例
2019/04/08 Python
Selenium常见异常解析及解决方案示范
2020/04/10 Python
jupyter notebook 重装教程
2020/04/16 Python
利于python脚本编写可视化nmap和masscan的方法
2020/12/29 Python
Europcar葡萄牙:葡萄牙汽车和货车租赁
2017/10/13 全球购物
莫斯科珠宝厂官方网站:Miuz
2020/09/19 全球购物
工程力学专业毕业生求职信
2013/10/06 职场文书
夜班门卫岗位职责
2013/12/09 职场文书
会计专业求职信范文
2014/03/16 职场文书
经营理念标语
2014/06/21 职场文书
销售顾问工作计划书
2014/08/15 职场文书
2014年党员干部四风问题自我剖析材料
2014/09/29 职场文书
医院领导班子四风问题对照检查材料
2014/10/26 职场文书
2014年大堂经理工作总结
2014/11/21 职场文书