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对象与DOM对象之间的转换方法
Apr 15 Javascript
jQuery 学习第七课 扩展jQuery的功能 插件开发
May 17 Javascript
网页前台通过js非法字符过滤代码(骂人的话等等)
May 26 Javascript
JQuery+JS实现仿百度搜索结果中关键字变色效果
Aug 02 Javascript
分别用marquee和div+js实现首尾相连循环滚动效果,仅3行代码
Sep 21 Javascript
JQuery入门—编写一个简单的JQuery应用案例
Jan 03 Javascript
你必须知道的Javascript知识点之&quot;字面量和对应类型&quot;说明介绍
Apr 23 Javascript
关于js数组去重的问题小结
Jan 24 Javascript
jquery中的$(document).ready()使用小结
Feb 14 Javascript
jquery重复提交请求的原因浅析
May 23 Javascript
vue拖拽排序插件vuedraggable使用方法详解
Aug 21 Javascript
Angular实现svg和png图片下载实现
May 05 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判断图片格式的七种方法小结
2013/06/03 PHP
PHP中常用的转义函数
2014/02/28 PHP
使用PHP破解防盗链图片的一个简单方法
2014/06/07 PHP
十幅图告诉你什么是PHP引用
2015/02/22 PHP
初识laravel5
2015/03/02 PHP
分析PHP中单双引号的误区和双引号小隐患
2016/07/19 PHP
php查询及多条件查询
2017/02/26 PHP
获取页面高度,窗口高度,滚动条高度等参数值getPageSize,getPageScroll
2006/09/22 Javascript
对YUI扩展的Gird组件 Part-1
2007/03/10 Javascript
JS查看对象功能代码
2008/04/25 Javascript
Javascript中call的两种用法实例
2013/12/13 Javascript
JS实现支持多选的遍历下拉列表代码
2015/08/20 Javascript
angularjs学习笔记之完整的项目结构
2015/09/26 Javascript
跟我学习JScript的Bug与内存管理
2015/11/18 Javascript
学习JavaScript设计模式(继承)
2015/11/26 Javascript
jQuery实现的自动加载页面功能示例
2016/09/04 Javascript
jQuery中常用动画效果函数(日常整理)
2016/09/17 Javascript
promise和co搭配生成器函数方式解决js代码异步流程的比较
2018/05/25 Javascript
对vue下点击事件传参和不传参的区别详解
2018/09/15 Javascript
Puppet的一些技巧
2018/09/17 Javascript
详解webpack打包后如何调试的方法步骤
2018/11/07 Javascript
JavaScript数组特性与实践应用深入详解
2018/12/30 Javascript
[01:14:10]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS Orenda
2014/05/22 DOTA
[40:53]完美世界DOTA2联赛PWL S3 Magma vs DLG 第二场 12.18
2020/12/20 DOTA
Python中join函数简单代码示例
2018/01/09 Python
python字符串与url编码的转换实例
2018/05/10 Python
解决PyCharm的Python.exe已经停止工作的问题
2018/11/29 Python
在python tkinter中Canvas实现进度条显示的方法
2019/06/14 Python
在django模板中实现超链接配置
2019/08/21 Python
Python基于xlrd模块处理合并单元格
2020/07/28 Python
python time()的实例用法
2020/11/03 Python
HTML5 本地存储 LocalStorage详解
2016/06/24 HTML / CSS
财务部绩效考核方案
2014/05/04 职场文书
趣味运动会开幕词
2015/01/28 职场文书
违规违纪检讨书范文
2015/05/06 职场文书
python函数的两种嵌套方法使用
2022/04/02 Python