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 相关文章推荐
Cookie 注入是怎样产生的
Apr 08 Javascript
jquery 注意事项与常用语法小结
Jun 07 Javascript
Javascript之旅 对象的原型链之由来
Aug 25 Javascript
javascript实现日历控件(年月日关闭按钮)
Dec 12 Javascript
jQuery过滤选择器经典应用
Aug 18 Javascript
JavaScript的事件机制详解
Jan 17 Javascript
jQuery开源组件BootstrapValidator使用详解
Jun 29 jQuery
基于滚动条位置判断的简单实例
Dec 14 Javascript
简述vue中的config配置
Jan 23 Javascript
详解如何在vscode里面调试js和node.js的方法步骤
Dec 24 Javascript
Node.js中package.json中库的版本号(~和^)
Apr 02 Javascript
VScode格式化ESlint方法(最全最好用方法)
Sep 10 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
php数据入库前清理 注意php intval与mysql的int取值范围不同
2010/12/12 PHP
php正则表达式(regar expression)
2011/09/10 PHP
php发送post请求函数分享
2014/03/06 PHP
PHP IDE PHPStorm配置支持友好Laravel代码提示方法
2015/05/12 PHP
PHP中header用法小结
2016/05/23 PHP
PHP安装GeoIP扩展根据IP获取地理位置及计算距离的方法
2016/07/01 PHP
10个值得深思的PHP面试题
2016/11/14 PHP
一个加密JavaScript的开源工具PACKER2.0.2
2006/11/04 Javascript
js字符编码函数区别分析
2008/06/05 Javascript
js自定义鼠标右键的实现原理及源码
2014/06/23 Javascript
tuzhu_req.js 实现仿百度图片首页效果
2015/08/11 Javascript
使用 JavaScript 进行函数式编程 (一) 翻译
2015/10/02 Javascript
[原创]Bootstrap 中下拉菜单修改成鼠标悬停直接显示
2016/04/14 Javascript
详解基于 axios 的 Vue 项目 http 请求优化
2017/09/04 Javascript
关于HTTP传输中gzip压缩的秘密探索分析
2018/01/12 Javascript
解决微信小程序中的滚动穿透问题
2019/09/16 Javascript
Layui数据表格判断编辑输入的值,是否为我需要的类型详解
2019/10/26 Javascript
微信小程序基于高德地图查找位置并显示文字
2019/10/30 Javascript
[01:10:49]Secret vs VGJ.S 2018国际邀请赛淘汰赛BO3 第二场 8.24
2018/08/25 DOTA
Python编程之列表操作实例详解【创建、使用、更新、删除】
2017/07/22 Python
树莓派实现移动拍照
2019/06/22 Python
python的debug实用工具 pdb详解
2019/07/12 Python
使用Python制作缩放自如的圣诞老人(圣诞树)
2019/12/25 Python
python shutil文件操作工具使用实例分析
2019/12/25 Python
如何解决tensorflow恢复模型的特定值时出错
2020/02/06 Python
CSS3 选择器 伪类选择器介绍
2012/01/21 HTML / CSS
俄罗斯在线水暖商店:Perfecto.ru
2019/10/25 全球购物
机械专业应届生求职信
2013/09/21 职场文书
机电一体化大学生求职信
2013/11/08 职场文书
药品质量检测应届生求职信
2013/11/14 职场文书
团日活动总结
2014/04/28 职场文书
2015年全民国防教育日活动总结
2015/03/23 职场文书
2015年银行柜员工作总结报告
2015/04/01 职场文书
2015年置业顾问工作总结
2015/04/07 职场文书
军事博物馆观后感
2015/06/05 职场文书
用Python爬取英雄联盟的皮肤详细示例
2021/12/06 Python