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 ...
随机推荐
- Windows 的 AD 域寄生于 Linux 机器
导读 对于帐户统一管理系统或软件来说,在 Linux 下你可能知道 NIS.OpenLDAP.samba 或者是 RedHat.IBM 的产品,在 Windows 下当然就是最出名的活动目录 (AD) ...
- 一起做RGB-D SLAM (1)
前言 2016.11 更新 增加了对16.04的支持. 整理了过时的代码. SLAM,即Simultaneous Localization and Mapping,中文译作同时定位与地图创建,是近几十 ...
- 粒子滤波particle filter和目标跟踪
粒子滤波用于跟踪,参考:http://www.cnblogs.com/tornadomeet/archive/2012/03/18/2404817.html http://blog.csdn.net/ ...
- The Perfect Stall (incomplete)
恩,一看就知道是一道二分图最大匹配的题. 感动得发现自己不会做..果然我是太弱了.学校里真是麻烦死,根本没有时间好吗. (NOIP)会不会感动地滚粗啊? 然后稍微看看,恩,匈牙利算法. 真是感动得落泪 ...
- OpenResty(Nginx)+Lua+GraphicsMagick实现缩略图功能
http://www.hopesoft.org/blog/?p=1188 http://www.imagemagick.org/download/ 2.用法 原始图片是input.jpg,尺寸:160 ...
- 【leetcode】Binary Search Tree Iterator
Binary Search Tree Iterator Implement an iterator over a binary search tree (BST). Your iterator wil ...
- Android Services重点记录
今天阅读了google的官方文档 Services,对重点做下记录. 首先,Services默认运行在主线程中,所以一般情况下,要手动创建一个thread. 系统除了Services,还为我们提供了一 ...
- angularjs 指令(directive)详解(1)
原文地址 什么是directive?我们先来看一下官方的解释: At a high level, directives are markers on a DOM element (such as an ...
- vmware安装linux.iso
安装方法 : .进入Fedora后,在虚拟机选项栏中选VM->install vmware tools 拷贝VMware Tools.tar.gz到指定文件夹,解压缩 进入超级终端:在-> ...
- tcp连接管理
[root@ok etc]# cat /proc/sys/net/core/netdev_max_backlog 每个网络接口接收数据包的速率比内核处理这些包的速率快时,允许送到队列的数据包的最大数目 ...