利用jQuery操作HTML元素的方法

Posted 2023-02-16

这是论文，希望大神告诉我一些， 让后我自己东拼西凑就完成了。。

参考技术A jQuery 选择器

jQuery 元素选择器和属性选择器允许您通过标签名、属性名或内容对 html 元素进行选择。
选择器允许您对 HTML 元素组或单个元素进行操作。
在 HTML DOM 术语中：
选择器允许您对 DOM 元素组或单个 DOM 节点进行操作。

选择器　　实例　　选取

*　　$("*")　　所有元素
#id　　$("#lastname")　　id="lastname" 的元素
.class　　$(".intro")　　所有 class="intro" 的元素
element　　$("p")　　所有 <p> 元素
.class.class　　$(".intro.demo")　　所有 class="intro" 且 class="demo" 的元素
　　 　　
:first　　$("p:first")　　第一个 <p> 元素
:last　　$("p:last")　　最后一个 <p> 元素
:even　　$("tr:even")　　所有偶数 <tr> 元素
:odd　　$("tr:odd")　　所有奇数 <tr> 元素
　　 　　
:eq(index)　　$("ul li:eq(3)")　　列表中的第四个元素（index 从 0 开始）
:gt(no)　　$("ul li:gt(3)")　　列出 index 大于 3 的元素
:lt(no)　　$("ul li:lt(3)")　　列出 index 小于 3 的元素
:not(selector)　　$("input:not(:empty)")　　所有不为空的 input 元素
　　 　　
:header　　$(":header")　　所有标题元素 <h1> - <h6>
:animated　　 　　所有动画元素
　　 　　
:contains(text)　　$(":contains('W3School')")　　包含指定字符串的所有元素
:empty　　$(":empty")　　无子（元素）节点的所有元素
:hidden　　$("p:hidden")　　所有隐藏的 <p> 元素
:visible　　$("table:visible")　　所有可见的表格
　　 　　
s1,s2,s3　　$("th,td,.intro")　　所有带有匹配选择的元素
　　 　　
[attribute]　　$("[href]")　　所有带有 href 属性的元素
[attribute=value]　　$("[href='#']")　　所有 href 属性的值等于 "#" 的元素
[attribute!=value]　　$("[href!='#']")　　所有 href 属性的值不等于 "#" 的元素
[attribute$=value]　　$("[href$='.jpg']")　　所有 href 属性的值包含以 ".jpg" 结尾的元素
　　 　　
:input　　$(":input")　　所有 <input> 元素
:text　　$(":text")　　所有 type="text" 的 <input> 元素
:password　　$(":password")　　所有 type="password" 的 <input> 元素
:radio　　$(":radio")　　所有 type="radio" 的 <input> 元素
:checkbox　　$(":checkbox")　　所有 type="checkbox" 的 <input> 元素
:submit　　$(":submit")　　所有 type="submit" 的 <input> 元素
:reset　　$(":reset")　　所有 type="reset" 的 <input> 元素
:button　　$(":button")　　所有 type="button" 的 <input> 元素
:image　　$(":image")　　所有 type="image" 的 <input> 元素
:file　　$(":file")　　所有 type="file" 的 <input> 元素
　　 　　
:enabled　　$(":enabled")　　所有激活的 input 元素
:disabled　　$(":disabled")　　所有禁用的 input 元素
:selected　　$(":selected")　　所有被选取的 input 元素
:checked　　$(":checked")　　所有被选中的 input 元素

参考资料：http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp

本回答被提问者采纳 参考技术B 额 太理论没法解决 建议还是敲下代码 晓得了追问

- -参考代码发来下可以不- - 这科我一点没学啊 狗屁不懂啊。。。