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 相关文章推荐
在textarea中显示html页面的javascript代码
Apr 20 Javascript
基于jquery实现控制经纬度显示地图与卫星
May 20 Javascript
jQuery中triggerHandler()方法用法实例
Jan 19 Javascript
jQuery插件简单实现方法
Jul 18 Javascript
使用JQuery实现的分页插件分享
Nov 05 Javascript
JavaScript知识点总结(六)之JavaScript判断变量数据类型
May 31 Javascript
详解A标签中href=&quot;&quot;的几种用法
Aug 20 Javascript
jQuery封装animate.css的实例
Jan 04 jQuery
快速解决angularJS中用post方法时后台拿不到值的问题
Aug 14 Javascript
webpack 从指定入口文件中提取公共文件的方法
Nov 13 Javascript
jquery实现下载图片功能
Jul 18 jQuery
Vue的Eslint配置文件eslintrc.js说明与规则介绍
Feb 03 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
vBulletin Forum 2.3.xx SQL Injection
2006/10/09 PHP
Linux下实现PHP多进程的方法分享
2012/08/16 PHP
PHP 过滤页面中的BOM(实现代码)
2013/06/29 PHP
php分页函数完整实例代码
2014/09/22 PHP
PHP附件下载中文名称乱码的解决方法
2015/12/17 PHP
PHP利用超级全局变量$_GET来接收表单数据的实例
2016/11/05 PHP
使用 laravel sms 构建短信验证码发送校验功能
2017/11/06 PHP
PHP7创建销毁session的实例方法
2020/02/03 PHP
Ext JS 4官方文档之三 -- 类体系概述与实践
2012/12/16 Javascript
DOM操作和jQuery实现选项移动操作的简单实例
2016/06/07 Javascript
Vue.js常用指令之循环使用v-for指令教程
2017/06/27 Javascript
前端主流框架vue学习笔记第二篇
2017/07/26 Javascript
AngularJS使用ng-repeat遍历二维数组元素的方法详解
2017/11/11 Javascript
详解Vue组件插槽的使用以及调用组件内的方法
2018/11/13 Javascript
Vue微信公众号网页分享的示例代码
2020/05/28 Javascript
NestJs使用Mongoose对MongoDB操作的方法
2021/02/22 Javascript
[42:52]IG vs VGJ.T 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[01:51]2018年度CS GO最具人气外援-完美盛典
2018/12/16 DOTA
Python enumerate遍历数组示例应用
2008/09/06 Python
简单的Python的curses库使用教程
2015/04/11 Python
python调用matlab的m自定义函数方法
2019/02/18 Python
不归路系列:Python入门之旅-一定要注意缩进!!!(推荐)
2019/04/16 Python
python实现人工智能Ai抠图功能
2019/09/05 Python
Python-numpy实现灰度图像的分块和合并方式
2020/01/09 Python
python实现猜拳游戏项目
2020/11/30 Python
Python3利用openpyxl读写Excel文件的方法实例
2021/02/03 Python
HTML5 body设置自适应全屏
2020/05/07 HTML / CSS
Net Remoting把服务器端激活两种模式
2014/01/22 面试题
Python如何实现单例模式
2016/06/03 面试题
小学生防溺水广播稿
2014/01/12 职场文书
酒店中秋节活动方案
2014/01/31 职场文书
党员党性分析材料
2014/02/17 职场文书
群众路线党员个人剖析材料
2014/10/08 职场文书
2015年车间主任工作总结
2015/05/21 职场文书
趣味运动会赞词
2015/07/22 职场文书
GO语言字符串处理函数之处理Strings包
2022/04/14 Golang