jQuery的一些特性和用法整理小结


Posted in Javascript onJanuary 13, 2010

1.精准简单的选择对象(dom):

$('#element');// 相当于document.getElementById 
("element") 
$('.element');//Class 
$('p');//html标签 
$("form > input");//子对象 
$("div,span,p.myClass");//同时选择多种对象 
$("tr:odd").css("background-color", "#bbbbff");//表格的 
隔行背景 
$(":input");//表单对象 
$("input[name='newsletter']");//特定的表单对象

2.对象函数的应用简单和不限制:
element.function(par); 
$(”p.surprise”).addClass(”ohmy”).show(”slow”)...

3.对已选择对象的操作(包括样式):
$("#element").addClass("selected");//给对象添加样式 
$('#element').css({ "background-color":"yellow", "font 
-weight":"bolder" });//改变对象样式 
$("p").text("Some new text.");//改变对象文本 
$("img").attr({ src: "test.jpg", alt: "Test Image" 
});//改变对象文本 
$("p").add("span");//给对象增加标签 
$("p").find("span");//查找对象内部的对应元素 
$("p").parent();//对象的父级元素 
$("p").append("<b>Hello</b>");//给对象添加内容

4.支持aJax,支持文件格式:xml/html/script/json/jsonp
$("#feeds").load("feeds.html");//相应区域导入静态页内容 
$("#feeds").load("feeds.php", {limit: 25}, function() 
{alert("The last 25 entries in the feed have been 
loaded");});//导入动态内容

5.对事件的支持:
$("p").hover(function () { 
$(this).addClass("hilite");//鼠标放上去时 
}, function () { 
$(this).removeClass("hilite");//移开鼠标 
});//鼠标放上去和移开的不同效果(自动循环所有p对象 
)

6.动画:
$("p").show("slow");//隐藏对象(慢速渐变) 
$("#go").click(function(){ 
$("#block").animate({ 
width: "90%", 
height: "100%", 
fontSize: "10em" 
}, 1000 ); 
});//鼠标点击后宽、高、字体的动态变化

7.扩展:
$.fn.background = function(bg){ 
return this.css('background', bg); 
}; 
$(#element).background("red");
Javascript 相关文章推荐
jQuery 选择器理解
Mar 16 Javascript
js编写当天简单日历效果【实现代码】
May 03 Javascript
jquery+ajax+text文本框实现智能提示完整实例
Jul 09 Javascript
js+css3实现旋转效果
Jan 20 Javascript
Node.js数据库操作之连接MySQL数据库(一)
Mar 04 Javascript
Node.js中看JavaScript的引用
Apr 22 Javascript
jQuery获取table表中的td标签(实例讲解)
Jul 28 jQuery
Node.js对MongoDB进行增删改查操作的实例代码
Apr 18 Javascript
微信小程序开发之点击按钮退出小程序的实现方法
Apr 26 Javascript
jQuery实现高级检索功能
May 28 jQuery
jQuery鼠标滑过横向时间轴样式(代码详解)
Nov 01 jQuery
JavaScript实现多个物体同时运动
Mar 12 Javascript
JavaScript关于select的相关操作说明
Jan 13 #Javascript
海量经典的jQuery插件集合
Jan 12 #Javascript
JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
Jan 12 #Javascript
jquery下操作HTML控件的实现代码
Jan 12 #Javascript
jquery插件 cluetip 关键词注释
Jan 12 #Javascript
Javascript 实现TreeView CheckBox全选效果
Jan 11 #Javascript
javascript下判断一个对象是否具有指定名称的属性的的代码
Jan 11 #Javascript
You might like
zf框架的session会话周期及次数限制使用示例
2014/03/13 PHP
利用PHP获取网站访客的所在地位置
2017/01/18 PHP
js和jquery如何获取图片真实的宽度和高度
2014/09/28 Javascript
jquery幻灯片插件bxslider样式改进实例
2014/10/15 Javascript
jQuery 重复加载错误以及修复方法
2014/12/16 Javascript
jQuery中slideUp()方法用法分析
2014/12/24 Javascript
浅析node连接数据库(express+mysql)
2015/11/30 Javascript
AngularJs Javascript MVC 框架
2016/06/20 Javascript
node.js中TCP Socket多进程间的消息推送示例详解
2018/07/10 Javascript
解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题
2018/09/25 Javascript
小程序实现人脸识别功能(百度ai)
2018/12/23 Javascript
C#程序员入门学习微信小程序的笔记
2019/03/05 Javascript
ES6函数实现排它两种写法解析
2020/05/13 Javascript
详细分析Node.js 多进程
2020/06/22 Javascript
微信小程序视频弹幕发送功能的实现
2020/12/28 Javascript
在Python操作时间和日期之asctime()方法的使用
2015/05/22 Python
pandas.DataFrame.to_json按行转json的方法
2018/06/05 Python
Python 读取串口数据,动态绘图的示例
2019/07/02 Python
Python打包模块wheel的使用方法与将python包发布到PyPI的方法详解
2020/02/12 Python
python实时监控logstash日志代码
2020/04/27 Python
Python常用数字处理基本操作汇总
2020/09/10 Python
Python基于execjs运行js过程解析
2020/11/27 Python
css3 伪类选择器快速复习小结
2019/09/10 HTML / CSS
新奇的小玩意:IWOOT
2016/07/21 全球购物
捷克多品牌在线时尚商店:ANSWEAR.cz
2020/10/03 全球购物
C#如何判断当前用户是否输入某个域
2015/12/07 面试题
计算机专业个人求职信范例
2013/09/23 职场文书
网游商务专员求职信
2013/10/15 职场文书
幼儿园教师国培感言
2014/02/02 职场文书
护理专科学生自荐书
2014/07/05 职场文书
综合素质自我评价怎么写
2014/09/14 职场文书
小学见习报告
2015/06/23 职场文书
圣诞晚会主持词
2015/07/01 职场文书
安全事故隐患排查治理制度
2015/08/05 职场文书
高一作文之暖冬
2019/11/09 职场文书
详解Nginx 被动检查服务器的存活状态
2021/10/16 Servers