"JQuery基础:语法、选择器、事件函数、效果和HTML操作"
需积分: 6 6 浏览量
更新于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 来操作和管理网页元素,实现丰富多彩的页面效果。希望能对大家有所帮助。
159 浏览量
点击了解资源详情
点击了解资源详情
122 浏览量

hp123_hp
- 粉丝: 0
最新资源
- Java实现推箱子小程序技术解析
- Hopp Doc Gen CLI:打造HTTPS API文档利器
- 掌握Pentaho Kettle解决方案与代码实践
- 教育机器人大赛51组代码展示自主算法
- 初学者指南:Android拨号器应用开发教程
- 必胜客美食宣传广告的精致FLASH源码解析
- 全技术领域资源覆盖的在线食品商城购物网站源码
- 一键式FTP部署Flutter Web应用工具发布
- macOS下安装nVidia驱动的简易教程
- EGOTableViewPullRefresh: GitHub热门下拉刷新Demo介绍
- MMM-ModuleScheduler模块:MagicMirror的显示与通知调度工具
- 哈工大单片机课程上机实验代码完整版
- 1000W逆变器PCB与原理图设计制作教程
- DIV+CSS3打造的炫彩照片墙与动画效果
- 计算机网络基础与应用:微课版实训教程
- gvim73_46:最新GVIM编辑器的发布与应用