为 JQuery 找到 732 篇文章
180 次浏览
jQuery 中的 hasClass() 方法用于检查选定的元素是否具有指定的类名。语法语法如下:$(selector).hasClass(classname)上面,参数 classname 是要从选定元素中搜索的类名。示例我们现在来看一个使用 jQuery hasClass() 方法的示例: 实时演示 $(document).ready(function(){ $("button").click(function(){ alert($("h2").hasClass("demo")); }); }); Student Info Teacher Info 单击我 输出这将产生以下输出: 单击“单击我”按钮以显示任何元素是否具有类“demo”:
208 次浏览
jQuery 中的 has() 方法用于返回其中包含一个或多个元素的元素,这些元素与指定的选取器匹配。语法语法如下:$(selector).has(ele)上面,参数 ele 用于指定一个选择器表达式或与元素匹配的元素。例如,我们现在来看一个使用 jQuery has() 方法的示例: 实时演示 $(document).ready(function(){ $("button").click(function(){ $("p").has("span").css("color", "orange"); }); }); h2 { color: blue; } Student Info This is a demo text. Exam Info This is ... 阅读更多
120 次浏览
通过 jQuery,可以使用以下方法轻松找到元素的同级元素:next()、nextAll()、prev()、prevAll()、siblings() 等。下面我们来看一些用来遍历同级元素的方法——next() 方法 next() 方法用于返回选定元素的下一个同级元素。下面我们来看一个示例:示例实时演示 div { width:600px; } .demo * { display: block; border: 2px solid orange; color: blue; padding: 10px; margin: 10px; } $(document).ready(function(){ $("h3").next().css({"color": "gray", "border": "3px dashed blue"}); }); 父同级元素... 了解更多
82 次浏览
为遍历和查找元素的后代元素,jQuery 采用了以下方法:children() 和 find()。children() 方法 children() 方法在 jQuery 中用于返回选定元素的直接子代元素(仅直接子代元素的单层级)。下面我们来看一个示例:示例实时演示 div { width:600px; } .demo * { display: block; border: 2px solid orange; color: blue; padding: 10px; margin: 10px; } $(document).ready(function(){ $("div").children().css({"color": "gray", "border": "3px dashed blue"}); }); 高高祖父母 高祖父母 祖父母 父元素 span ... 了解更多
309 次浏览
jQuery 中的 mouseup() 方法用于触发 mouseup 事件。当在选定元素上方松开鼠标左键时,将触发此事件。语法语法如下:$(selector).mousedown(func)其中,在 mouseup 事件触发时,func 是要运行的函数。示例我们现在来看一个示例,以实现 jQuery mouseup() 方法 ——实时演示 $(document).ready(function(){ $("h2").mouseup(function(){ $(this).after("鼠标松开(已松开鼠标按钮)。"); }); $("h2").mousedown(function(){ $(this).after("鼠标按下(已按下鼠标按钮)。"); }); }); ... 了解更多
169 次浏览
jQuery 中的筛选方法包括 eq()、filter()、not() 等。我们在这里来看一些筛选方法——not() 方法 jQuery 中的 not() 方法用于返回不符合特定条件的元素。示例我们来看一个示例,以实现 jQuery not() 方法——实时演示 $(document).ready(function(){ $("button").click(function(){ $("h2").not(".demo").css("color", "orange"); }); }); h2 { color: blue; } 学生信息 这是一个演示文本。考试信息 这是一个演示文本。教师信息 这是一个演示文本。单击我 输出该方法 ... 了解更多
483 次查看
jQuery 中的 addClass() 方法用于向选定的元素添加一个或多个类名。示例现在让我们看一个实现 jQuery addClass() 方法的示例 − .demo * { display: block; border: 3px dashed red; padding: 3px; margin: 25px; } .one { border: 2px solid yellow; } $(document).ready(function(){ $("span.test").next().addClass("one"); }); 标题一这是在 div 中的示例文本。child grandchild grandchild grandchild ... 阅读更多
154 次查看
jQuery 中的 finish() 方法用于停止当前正在运行的动画。它删除所有排队的动画并完成选定元素的所有动画。语法语法如下 −$(selector).finish(queue)上面,queue 参数是要停止动画的队列的名称。示例现在让我们看一个实现 jQuery finish() 方法的示例 − div { background:orange; height:200px; width:200px; padding: 5px; } $(document).ready(function(){ $("#begin").click(function(){ $("div").animate({height: 450}, 2000); }); ... 阅读更多
146 次查看
jQuery 中的 focusin() 方法会在元素获取焦点时发生。语法语法如下 −$(selector).focusin(function)示例现在让我们看一个实现 jQuery focusin() 方法的示例 − .demo { color: blue; } $(document).ready(function(){ $("input").focusin(function(){ $("p").html("focusin 事件触发"); }); $("input").focusout(function(){ $("p").html("focusout 事件触发"); }); }); 学生详细信息 学生姓名:输出这将产生以下输出 −现在,单击内部以获取焦点 −单击外部以失去焦点 −