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 ...
随机推荐
- Mac下部署Android开发环境附加NDK
作为开发者,我们深有体会,不管是进行什么开发,为了部署开发环境,我们往往需要折腾很长时间.查阅很多资料才能完成,而且这次折腾完了,下次到了另一台新电脑上又得重新来过,整个部署过程记得还好,要是不记得又 ...
- =============Python安装与使用================
用文本编辑器写Python程序,然后保存为后缀为.py的文件,就可以用Python直接运行这个程序了. Python的交互模式和直接运行.py文件有什么区别呢? 直接输入python进入交互模式,相当 ...
- ruby代码重构第一课
(文章是从我的个人主页上粘贴过来的, 大家也可以访问我的主页 www.iwangzheng.com) 新手写代码的时候往往会出现很多重复的代码没有提取出来,大师高瞻远瞩总能提点很多有意义的改进,今天重 ...
- KMP算法精髓
这个算法的做法就是在部分匹配的时候,常规想法是向后移动一位,但是KMP想法是向后移动n位(n=m-L). 注释:这里m表示已经匹配了的字符的个数,L表示已经匹配了的那些字符组成的这个字符串的前缀和后缀 ...
- jquery消息提示框
用于ajax类型提示的,只显示一个. 只是给个思路而已,代码有很多不足. 4个参数,有2个是可选 调用 $.mTip('类型','显示内容',显示时间,回调函数) 类型: 0 为加载 1 为成功 2 ...
- 工具推荐:2016年最佳的15款Android黑客工具
黑客技术,曾被认为是专家的专有领域,但随着技术的崛起和移动安全领域的进步,黑客技术已经变得越来越普遍.随着人们越来越依赖于智能手机和其它的便携式设备来完成他们的日常活动,我们有必要了解一些Androi ...
- HDOJ 1257 (最长字序列问题)
http://acm.hdu.edu.cn/showproblem.php?pid=1257 最少拦截系统 Time Limit: 2000/1000 MS (Java/Others) Memo ...
- 【云计算】docker的小知识,帮你更深入理解容器技术
关于docker的15个小tip 1. 获取最近运行容器的id 这是我们经常会用到的一个操作,按照官方示例,你可以这样做(环境ubuntu): $ ID=$(docker run ubuntu e ...
- 【Spring】Spring系列1之Spring概述
概述
- 32.C++不能被继承的类[C++ Final Class]
[题目] 用C++设计一个不能被继承的类. [分析] 这是Adobe公司2007年校园招聘的最新笔试题.这道题除了考察应聘者的C++基本功底外,还能考察反应能力,是一道很好的题目. 在Java中定义了 ...