11.22第15节课
来源:互联网 发布:ug怎么编程钻孔 编辑:程序博客网 时间:2024/06/05 19:09
一、遍历节点
1.children方法
用于去的匹配的子元素集合。
children()方法只考虑子元素而不考虑后代元素。
$lis = $('ul').children(); lg($lis); var len = $lis.length; for(var i=0;i<len;i++){ lg($lis[i].innerHTML); }
2.next()方法
用于取得匹配元素后面紧邻的同辈元素。
var $p1 = $('p').next(); lg($p1);
3.prev()方法
用于取得匹配元素前面紧邻的元素。
var $li = $('li').prev(); lg($li);
4.siblings()方法
用于取得所有同辈元素。
var $ul = $('p').siblings();lg($ul);
5.closet()方法
该方法用于取得最近的匹配元素。首先检查当前元素是否匹配,匹配直接返回元素本身。否则逐级向上查找。
var $ul = $('li').closest('ul');lg($ul);
parent()和parents()
- parent()方法获得集合中每个元素的父级元素。
- parents()方法集合中每个匹配元素的祖先元素。
var $ul = $('a').parents();lg($ul);
CSS操作
可以直接利用css()方法获取和设置元素的样式属性。
$('p').css('color');$('p').css('color','red');
如果值是数字,将会被自动转化为像素值。
在css()方法中,如果属性带有‘-’符号,如font-size,如果设置这些属性的时候不带引号,那么需要使用驼峰命名法。
二、事件绑定
1.bind()方法
结构:bind(事件类型,回调函数);
<input type="button" value="点我">$('input[type=button]').bind('click',function(){ lg('hello world'); });
2.on()方法
on()方法结构和使用与bind()没有任何区别。
新版本的jQuery里面都是使用on()方法,bind()方法已经不再使用了。
<input type="button" value="点我">$('input[type=button]').on('click',function(){ lg('hello world'); });
3.阻止冒泡
使用事件对象 event 的方法stopPropagation();
$('input[type=button],div,body,html').on('click',function(event){ lg('click'); event.stopPropagation(); });
4.绑定多个事件
on()方法中可以使用类似JSON结构进行处理。
$('input[type=button]').on({ hover:function(){ $(this).css('color','red'); }, mouseout:function(){ $(this).css('color','#fff'); }, click:function(){ alert('aaa'); } });
5.事件解绑
使用unbind()方法解绑事件
$('input[type=button]').on('click',function(){ lg('click'); $(this).unbind('click'); });
阅读全文
0 0
- 11.22第15节课
- C#的第15节课
- javaSE 第77节课
- 11.8第6节课
- 11.9第7节课
- 11.16第12节课
- 11.20第13节课
- 11.21第14节课
- 11.23第16节课
- 11.27第17节课
- 第15章. 日志
- 第15届Jolt
- 大阪第15天
- 实习第15天!
- 第15周报告
- 第15章、图像
- 第15章 图形
- 第15周 电子词典
- Java多线程工具包java.util.concurrent---Semaphore
- 深度分析调整Linux的TCP需要用到参数
- 关于dsp移相全桥dc-dc变换器实现代码
- 接口测试-工作心得记录二
- mxnet CUDNN_STATUS_ALLOC_FAILED 错误 cudnn出错
- 11.22第15节课
- 【caffe】 Check failed: error == cudaSuccess (30 vs. 0) unknown error
- 网络资源积累
- 关于java内存管理的一些理解
- C#处理服务端控件
- Sql中EXISTS与IN的效率问题
- 大数据风控案例(总结他人)
- 11.22第十五课
- redis持久化