首页
学习
活动
专区
圈层
工具
发布

JavaWeb——JQuery之基础案例实战(实现表格隔行换色、实现全选全不选、QQ表情选择、下拉列表选中条目左右选择功能)

1 实现表格隔行换色 【需求】:将数据行的奇数行背景色设置为 pink,偶数行背景色设置为 yellow 【代码实现】: jquery-3.3.1.min.js"> //需求:将数据行的奇数行背景色设置为 pink,偶数行背景色设置为 yellow $(function...获取数据行(编号>1)的奇数行的tr,设置背景色为pink $("tr:gt(1):odd").css("backgroundColor","pink"); //2....获取数据行的偶数行的tr,设置背景色为yellow $("tr:gt(1):even").css("backgroundColor","yellow");.../js/jquery-3.3.1.min.js"> //分析:需要保证下边的选中状态和第一个复选框的选中状态一致即可 function

3.2K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    与Ajax同样重要的jQuery(1)

    加入 “传智播客” ² 通过size() / length 打印页面中 class属性为 itcast 的元素数量 ² 通过index() 打印 id属性为foo 的div标签 是页面内的第几个div...itcast 的元素数量 // alert($(".itcast").size()); alert($(".itcast").length); // 通过index() 打印 id属性为foo 的div...匹配所有正在执行动画效果的元素 练习3: ² 设置表格第一行,显示为红色 ² 设置表格除第一行以外 显示为蓝色 ² 设置表格奇数行背景色 黄色 ² 设置表格偶数行背景色 绿色 ² 设置页面中所有标题...⑥:属性过滤选择器 通过元素的属性来选取相应的元素 [attribute] 选取拥有此属性的元素 $("div[id]") [attribute=value] 选取指定属性值为value的所有元素 [attribute...下3的倍数行,字体颜色为红色 ² 表格 奇数行 背景色 黄色 ² 表格 偶数行 背景色 灰色 ² 只有一个td的 tr元素 字体为 蓝色 <scripttype="text/javascript"src

    11.5K60

    LeetCode001|统计位数为偶数的数字

    0x01,打卡001 既然喜欢,那么就去追求,当初的自己也是靠着做了几道算法题找到了心心念的实习工作,算是帮助了自己很多。...如果每天发一篇,又要经历两百个日日夜夜才能输出完,这对于自己又是一个坚持的过程,但是写文字和梳理自己写完的内容,是不是给自己带来了很多开心的时刻呢,同时也很心累?既然喜欢,那么就去追求。...0x02,题目简述 给你一个整数数组 nums,请你返回其中位数为 偶数 的数字的个数。...0x03,解题思路 循环遍历数组,统计每个数字的长度是否对2取模为0,时间复杂度为O(n),空间复杂度为O(1) 0x04,题解程序 ? 0x05,执行结果 ?...有些时候过于在乎别人对于自己的看法或者恭维对自己而言没有一点增进,每一段时光去思考或者沉淀一下自己的内容是多么值得自己骄傲的事情,戒急戒躁,保持善良也要学会去伪存真。

    75220

    脚本语言知识总结.

    加入 “传智播客” ² 通过size() / length 打印页面中 class属性为 itcast 的元素数量 ² 通过index()  打印 id属性为foo 的div标签 是页面内的第几个div...") :animated  匹配所有正在执行动画效果的元素 练习3: ² 设置表格第一行,显示为红色 ² 设置表格除第一行以外 显示为蓝色 ² 设置表格奇数行背景色 黄色 ² 设置表格偶数行背景色 绿色...('John')")  文本内容含有john 的所有div :empty 选取不包含子元素或者文本节点的空元素 $("td:empty")  td元素必须为空 :has(selector) 选取含有选择器所匹配的元素的元素...奇数行 背景色 黄色 ² 表格 偶数行 背景色 灰色 ² 只有一个td的 tr元素 字体为 蓝色 id=1" id="dellink">删除资料 信息 七、jQuery的Ajax编程 1.回顾传统Ajax开发步骤 ①:创建xmlHttpRequest

    6.6K130

    jQuery的使用

    " id="btn5" value="选择id为two并且样式为mini的元素"/> id="one"> 111...="button" id="btn3" value="选择id为two的元素的下一个元素"/> id="btn4" value="选择id为one的所有的兄弟元素...="button" id="btn3" value="选择body中的奇数的div"/> id="btn4" value="选择body中的偶数的div"/>...3.步骤分析 第一步:引入jquery的类库 第二步:直接写页面加载函数 第三步:直接使用jquery的选择器(组合选择)拿到需要操作的元素(奇数行和偶数行) 第四步:分别使用CSS的方法(css(name...2.技术分析 需要使用jquery的选择器(id选择器、类选择器) 需要使用jquery的属性操作方法 prop() 3.步骤分析 第一步:引入jquery文件 第二步:书写页面加载函数 第三步:为上面的复选框绑定单击事件

    9.6K31

    Web前端学习笔记之jQuery选择器

    ; }); 4.JQuery(selector[,context]):在指定范围内查找符合条件的JQuery包装集,context为查找范围,context可以是DOM对象集也可以是JQuery包装集...在所有tr标签中查找id为text11元素的JQuery包装集 var text11_query=$("#text11","tr"); ===================jQuery选择器====...=$("tr #text11");  2.获取所有td标签下的所有直接input子元素 var input_query=$("td>input");  3.获取id为text11元素后面的class为button11...; 2.获取所有不含子标签或html内容为空的td元素 var td_query=$("td:empty"); 3.查找所有含有input子元素的td元素 var td_query=$("td:has...Filters 1.查找所有在父元素中的所有子元素中排第2的input元素 nth-child()里参数可选even在这里算偶数,odd在这里算奇数,n任意数即选取所有有父元素的input元素,数字是直接选排在第几个的

    1.7K10
    领券