"JQuery基础:语法、选择器、事件函数、效果和HTML操作"
需积分: 6 176 浏览量
更新于2024-01-17
收藏 61KB DOCX 举报
;$("p")所有 <p> 元素
$("p.intro")所有 class="intro" 的 <p> 元素
$("p#demo")所有 id="demo" 的 <p> 元素
$("ul li:first")每个 <ul> 的第一个 <li> 元素
$("ul li:first-child")每个 <ul> 的第一个 <li> 元素
$("[href]")所有带有 href 属性的元素
3.jQuery 事件函数
jQuery 提供多种事件方法,如 click()、dbclick()、mouseenter()、mouseleave()、keydown() 等等。
基本语法是:$(selector).event()
例如:
$("p").click() - 鼠标点击 <p> 元素时
$("p").dbclick() - 双击 <p> 元素时
$("p").mouseenter() - 鼠标悬停在 <p> 元素上时
4.jQuery效果
jQuery 提供丰富的效果方法,如 hide()、show()、toggle()、fadeIn()、fadeOut()、slideDown()、slideUp() 等等。
基本语法是:$(selector).effect()
例如:
$("p").hide() - 隐藏 <p> 元素
$("p").show() - 显示 <p> 元素
$("p").toggle() - 切换 <p> 元素的可见状态
$("p").fadeIn() - 淡入 <p> 元素
$("p").fadeOut() - 淡出 <p> 元素
5.jQuery HTML
jQuery 提供多种方法来操作 HTML 元素,如 text()、html()、val()、append()、prepend()、after()、before() 等等。
基本语法是:$(selector).method()
例如:
$("p").text() - 设置或返回 <p> 元素的文本内容
$("p").html() - 设置或返回 <p> 元素的内容(包括 HTML 标签)
$("input").val() - 设置或返回 input 元素的值
$("p").append() - 在 <p> 元素结尾插入内容
$("p").prepend() - 在 <p> 元素开头插入内容
$("p").after() - 在 <p> 元素之后插入内容
$("p").before() - 在 <p> 元素之前插入内容
以上就是 jQuery 的基础知识,包括语法、选择器、事件函数、效果和 HTML 操作。掌握这些基础知识,可以帮助我们更好地使用 jQuery 来操作和管理网页元素,实现丰富多彩的页面效果。希望能对大家有所帮助。
120 浏览量
144 浏览量
![](https://profile-avatar.csdnimg.cn/default.jpg!1)
hp123_hp
- 粉丝: 0
最新资源
- 掌握SolidWorks CAM二次开发技术要点
- 免费获取彩虹秒赞云任务系统源码
- WIN7系统专用dbc2000软件下载指南
- Vue高德地图导航插件:围栏警报与线路回放
- Rails高尔夫球比赛注册流程详解
- jTessBoxEditor 1.0:Tesseract图片智能识别训练框架
- Realtek HDAudio驱动文件rtkhdaud.sys修复电脑无声故障
- 人大832环境科学与工程考研真题全集解析
- Hoa\SymfonyConsoleBundle:模块化PHP库在Symfony2的集成
- Eclipse插件与Java库的压缩包文件解析
- WinSCP:强大的Windows平台SFTP/SCP客户端
- 随机财富提示插件:New Tab Fortune-crx扩展
- FWLib3.5、uCOSIII3.03与uCGUI3.98源文件版深度解析
- 机器学习清晰目录版:模式识别要点解析
- Delphi开发的通用SQL导出工具使用教程
- HideItv0.8.6:一键隐藏应用至系统托盘工具