js事件监听 事件冒泡 和css3新增

事件监听:事件捕获 目标阶段 冒泡阶段

事件冒泡:当使用事件冒泡时,子元素先触发,父级元素后触发。

//阻止事件冒泡

if(typeof ev.stopPropagation=='function') { 标准的

ev.stopPropagation();

} else { //非标准IE

window.event.cancelBubble = true;

}

阻止事件默认行为

事件绑定模式下的 return false,

事件监听模式下的 event.preventDefault() 和 event.returnValue = false;

return false既可以阻止事件冒泡,又可以阻止事件默认行为

element1--element2a[src^="https"]  选择其src属性值以"https"开头的每个元素

a[src$=".pdf"]  选择其src属性以".pdf"结尾的所有元素

a[src*="abc"]    选择其src属性中包含"abc"子串的每个元素

p:first-of-type    选择属于其父元素的首个元素的每个元素

p:last-of-type    选择属于其父元素的最后元素的每个元素

p:only-of-type  选择属于其父元素唯一的元素的每个元素

p:only-child    选择属于其父元素的唯一子元素的每个元素

p:nth-child(2)    选择属于其父元素的第二个子元素的每个元素

p:nth-last-child(2)  同上,从最后一个子元素开始计数。

p:nth-of-type(2)    选择属于其父元素第二个元素的每个元素

p:nth-last-of-type(2)    同上,但是从最后一个子元素开始计数

p:last-child    选择属于其父元素最后一个子元素每个元素

:root 选择文档的根元素

p:empty    选择没有子元素的每个

元素(包括文本节点)#news:target选择当前活动的#news元素input:enabled选择每个启用的元素input:disabled选择每个禁用的元素input:checked选择每个被选中的的元素:not(p)选择非的元素的每个元素

::selection 选择被用户选取的元素部分

:read-only选择器被用来指定当元素处于只读状态时的样式

:read-write选择器用于匹配可读及可写的元素

:default选择器用来指定当前页面打开时默认处于读取状态的单选框或复选框的控件的样式

:indeterminate选择器用来指定当页面打开时,一组单选框中没有任何一个单选框被设定为选中状态时,整组单选框的样式

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容