"JQuery基础:语法、选择器、事件函数、效果和HTML操作"

需积分: 6 4 下载量 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 来操作和管理网页元素,实现丰富多彩的页面效果。希望能对大家有所帮助。