Jquery操作
一、文档操作
1.内部插入:append(),appendTo(),prepend();
2.外部插入:after(),before();
3.删除操作:remove(),empty();
4.克隆操作:clone(),例:$(“ul li:last”).clone().appendTo(“ul”)
二、属性操作
1. 获取属性:attr();
2. 设置属性:
(1)单个属性,attr(“属性名称”,“属性值”);
(2)多个属性,元素.attr({“属性名称1”:“属性值1”,“属性名称2”:“属性值2”})
3. 删除属性:removeAttr(属性名)
三、类操作
1.addClass();
2.removeClass();
3.toggleClass();
区别:
attr(“class”,”classValue”):class的覆盖
addClass(className):追加样式,追加class的value
removeAttr(“class”):删除属性
removeClass(“className”):删除样式
四、筛选过滤
1.eq(index)获取第N个元素;
2.hasClass(class)检查当前的元素是否含有某个特定的类;
3.is(expr);
4. $(“ul li”).each(function(index){}) 遍历集合
五、筛选查找
add(expr),children(expr),find(expr),next(expr),prev(expr),siblings(expr),filter(expr)
六、样式操作
1.添加样式:css();
2.元素.css(“样式名称”,“样式值”);
3.元素.css({“样式名称1”:“样式值1”,“样式名称2”:“样式值2”});
4.Offset():获取元素在当前窗口相对偏移量,返回left(),top(),只对可见元素有效;
5.Height(),width()。
e对象:e.pageX, e.pageY
七、事件
ready(),hover(enterFun,leaveFun),toggle(fun1,fun2),blur(),change(),click(),focus()
Mouseover(),mouseout(),resize(),scroll(),submit()
八、效果动画(算法+时间控制,记得清除计时器)
show(),hide(),fadeIn(),fadeOut(),slideUp(),slideDown(),animate(),toggle(num),
slideToggle(num),fadeTo(num,透明度),stop(clearqueue,gotoEnd)
Jquery操作的更多相关文章
- jQuery操作<input type="radio">
input type="radio">如下: <input type="radio" name="city" value=&qu ...
- Jquery给input[type=radio] 控件赋值
setobject: function (data, scope, win) { //data jsoon数据, scope,一般为form的id,win 窗口对象,如果在当前window win=n ...
- jquery 获取 input type radio checked的元素
.find('input:radio:checked'):.find("input[type='radio']:checked");.find("input[name=' ...
- jQuery操作 input type=checkbox的实现代码
代码如下: <input type="checkbox">: 2012欧洲杯"死亡之组"小组出线的国家队是:<br> <input ...
- jQuery对input中radio的一些操作
通过jQuery获取页面中的所有radio对象,遍历页面中的radio,取消选中的标签,因为使用到jQuery时间,因此引用到了网上公共的js,这只是本人的一些总结,大神勿喷. <html> ...
- input type="radio" jquery判断checked的三种方法:
<input type="radio" name="radioname" value="" />全部 <input typ ...
- JQuery 操作input
获取选中的值 获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item ...
- python 全栈开发,Day54(jQuery的属性操作,使用jQuery操作input的value值,jQuery的文档操作)
昨日内容回顾 jQuery 宗旨:write less do more 就是js的库,它是javascript的基础上封装的一个框架 在前端中,一个js文件就是一个模块 一.用法: 1.引入包 2.入 ...
- jquery操作input值总结
获取选中的值获取一组radio被选中项的值var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本var item = $ ...
- 自定义input[type="radio"]的样式
对于表单,input[type="radio"] 的样式总是不那么友好,在不同的浏览器中表现不一. 为了最大程度的显示出它们的差别,并且为了好看,首先定义了一些样式: <fo ...
随机推荐
- zstu.4189: 逻辑运算(构建 && 前缀表达式入门)
4189: 逻辑运算 Time Limit: 1 Sec Memory Limit: 128 MB Submit: 274 Solved: 42 Description 还记得大学里学过的模电么, ...
- 不用任何图片,只用简单的css写出唯美的钟表,就问你行吗?
aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAGHCAIAAABJR31QAAAgAElEQVR4nOy9aXhc1ZUurPvcH7f73n ...
- apache2:Invalid option to WSGI daemon process definition
版本说明: ubuntu 12.04 server /apache 2.2 / mod_wsgi 3.3 / python 2.7.3 /django 1.7 在ubuntu12的服务器上配置djan ...
- MySQL5.5 RPM安装的默认安装路径
MySQL5.5 RPM安装的默认安装路径 2011-06-20 10:34:32| 分类: MySQL|举报|字号 订阅 下载LOFTER客户端 由于一客户要求安装mysql- 5.5 ...
- SQL Server游标的使用
转: http://www.cnblogs.com/moss_tan_jun/archive/2011/11/26/2263988.html 游标是邪恶的! 在关系数据库中,我们对于查询的思考是面向集 ...
- eclipse加速之禁用JS、jsp等文件的语法验证,eclipsejs
eclipse加速之禁用JS.jsp等文件的语法验证 去除eclipse的JS验证:将windows->preference->Java Script->Validator-> ...
- 【原创】Js:日期处理(日期格式必须【yyyy-mm-dd】才能转成long的毫秒!其他的不是【年-月-日】的格式,结果会是【NaN】)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- 21.左旋转字符串[LeftRotateString]
[题目] 定义字符串的左旋转操作:把字符串前面的若干个字符移动到字符串的尾部.如把字符串AB1234 左旋转2位得到字符串1234AB.请实现字符串左旋转的函数.要求时间对长度为n的字符串操作的复杂度 ...
- Codebook model 视频抠像 xp sp3 + vs2005 + OpenCV 2.3.1
Codebook model 视频抠像 xp sp3 + vs2005 + OpenCV 2.3.1 源码及详细文档下载 svn checkout http://cvg02.googlecode.co ...
- 19.python笔记之Rabbitmq
RabbitMQ是一个在AMQP基础上完整的,可复用的企业消息系统.他遵循Mozilla Public License开源协议. MQ全称为Message Queue, 消息队列(MQ)是一种应用程序 ...