php100视频教程107jquery之选择器、事件详解

PHP100视频教程演讲老师：张恩民官方网站：(第107讲)JQuery之选择器、事件器详解学习重点1、Jquery选择器的各种用法2、Jquery事件器的介绍PHP100视频教程(第107讲)JQuery之选择器、事件器详解1、Jquery选择器的各种用法$(this) 当前元素$("p") 所有<p>元素$("input") 所有input元素$(".intro") 所有class=“intro”的元素$("ro") 所有class="intro"的<p>元素$("#intro") id="intro"的第一个元素$("ul>li") ul下的所有li节点$("ulli:first") 每个<ul>的第一个<li>元素$("[href$='.jpg']") 所有带有以".jpg"结尾的href属性的属性$("div#intro.head") id="intro"的<div>元素中的所有class="head"的元素$(li[a:contains('Register')]") 内容包含Register的<a>元素$("input[@name=bar]") name是bar的<input>元素$("input[@type=radio][@checked]") type是radio的<input>元素$(“li”).not(“ul”) li下没有包含ul节点的节点元素$("span[@id]") 包含id属性的<span>元素$("[@id=span1]") id为span1的节点元素PHP100视频教程(第107讲)JQuery之选择器、事件器详解2、Jquery事件器的介绍基本用法$(selector).click() 被选元素的点击事件$(selector).dblclick() 被选元素的双击事件$(selector).focus() 被选元素的获得焦点事件$(selector).mouseover() 被选元素的鼠标悬停事件$(selector).css(); 被选元素的CSS事件$(selector).hide(); 被选元素的隐藏事件$(selector).show('slow'); 被选元素的显示事件……$(元素).事件(事件属性);常见事件PHP100视频教程(第107讲)JQuery之选择器、事件器详解$(“a”).addClass(“red”) 为所有<a>增加class=”red”$(“a”).removeClass(“red”) 为所有<a>去掉class=”red”$(“li”).append(“BB!”) 为<li>增加”BB!”innerHTMLDom节点操作//hover是在执行完第一个函数后再执行第二个$(“p”).hover(function(){

$(this).addClass("hover");},function(){$(this).removeClass("hover");});//toggle第一次点击执行第一个函数，再点击执行第二个$(“p”).toggle(function(){ $(this).addClass("selected"); },function(){$(this).removeClass("selected");});执行事