jQuery学习笔记2——基础2

继续学习jQuery。


jQuery选择器

通过之前的学习可以知道,jQuery语法包含选择和操作两个部分。使用jQuery准确选取希望应用效果的元素则是必要的。jQuery元素选择器可以让我们通过标签名,属性名或者HTML元素进行选择,可以对单个HTML元素进行操作,对于DOM来说,它允许对DOM元素或者单个DOM结点进行操作。

p.demo选取class为demo的p元素 p#demo选取id为demo的p元素,如果某个元素有多个class的话可以以.class.class的形式写。

[href]选取所有带href属性的元素,后面可以加逻辑判断,比如=,!=,还有$=(判断以什么结尾),等号右边的内容需要用‘’括起来。

this可以选择当前HTML元素。*可以选择所有元素。

然后是各种以:打头的选择器,比如first检索第一个,last检索最后一个,odd检索奇数位,even检索偶数位。eq()可以选择第几号(下标从0开始)……

完整的选择器参考表:

jQuery事件

jQuery 事件处理方法是 jQuery 中的核心函数。

事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”(或“激发”)经常会被使用。

通常会把 jQuery 代码放到 部分的事件处理方法中。(摘自w3school)

比如说,.click动作用来捕捉一个点击事件,那么处理button的点击事件就可以写成$("button").click,里面可以写一个匿名函数来执行各种操作。比如.hide()把选择器选择来的元素隐藏,.css()可以修改选择来的元素的css属性。

需要注意,以下的习惯可以让代码更加容易维护:把jQuery代码置于事件处理函数中;所有的事件处理函数均置于文档就绪事件处理器中;把jQuery代码置于单独的js文件中;如果存在名称冲突(比如说某些其他 JavaScript 库中的函数,比如 Prototype同样使用 $ 符号)则使用var jq = jQuery.noConflict()来解决这个问题。

完整的事件参考表:


-------------本文结束,感谢您的阅读转载请注明原作者及出处-------------


本文标题:jQuery学习笔记2——基础2

文章作者:Shawn Zhou

发布时间:2019年04月13日 - 11:04

最后更新:2019年04月14日 - 16:04

原始链接:http://shawnzhou.xyz/2019/04/13/19-04-13-01/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

知识无价,码字不易。对您有用,敬请打赏。金额随意,感谢关心。
0%