js的方法练习

最新推荐文章于 2022-08-16 15:36:05 发布
最新推荐文章于 2022-08-16 15:36:05 发布
阅读量258 收藏
点赞数
分类专栏： js代码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaozhang0414/article/details/78755358
版权
<!DOCTYPE html>
<html>


<head>
<meta charset="UTF-8">
<title></title>
</head>
<script src="js/jquery-1.11.0.min.js" type="text/javascript" charset="UTF-8"></script>


<body>
<table border="1px" cellspacing="0" cellpadding="0" style="width: 200px; height: 100px;">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>


</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>


</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>


</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>


</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>


</tr>
<tr>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>


</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>


</tr>
<tr>
<td>95</td>
<td>69</td>
<td>97</td>
<td>98</td>
<td>99</td>


</tr>
</table>
<input name="apple" value="apple" />


<input name="flower" checked="checked" value="flower" />


</body>
<script type="text/javascript">
// first获的第一个元素
var a = $("td:first").text();
// alert(r)
//      last获的最后元素
var b = $("td:last").text();
//       alert(b)
//not查找所有未选中的 input 元素
var c = $("input:not(:checked)").val();
// alert(c)
//even偶数  从0开始
$("tr:even").css({
"background": "red"
});
//odd  奇数
$("tr:odd").css({
"background": "blue"
});
//even偶数  从0开始 //odd  奇数  自己看一下效果
// $("td:even").css({"background":"red"});
// //odd  奇数
// $("td:odd").css({"background":"blue"});
        //鼠标悬停变色  
        
$("tr:even").hover(function(){
$(this).css({"background":"green"});
},function(){
$(this).css({"background":"red"});
});




$("tr:odd").hover(function(){
$(this).css({"background":"prink"});
},function(){
$(this).css({"background":"blue"});
});




//eq(0)按0下标查
var e = $("td:eq(0)").text();
//       alert(e)


//查找所有大于给定索引值的元素
var f = $("td:gt(2)").text();
// alert(f)
 //      It匹配所有小于给定索引值的元素
// var g = $("td:it(8)").text();
//  alert(g)




</script>


</html>
-久了久了就旧了
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS基础学习常用方法 每日一练
可爱的鹬啊
09-12 712
目录 圣杯模式 深层克隆 原型链去重 封装type 选项卡 定时器 点击变色 封装children 封装addEvent兼容性方法--给一个DOME对象添加一个事件处理函数 封装取消事件冒泡函数stopBubble 封装阻止默认事件的函数 cancelHandler 事件委托 正则小驼峰转换 the-first-name 封装一个兼容性的获取元素样式的函数getStyl...
js代码-练习 JavaScript 数组对象相关方法
07-16
首先，`main.js` 文件很可能包含了一些实际的JavaScript代码示例，用于演示和练习数组对象的方法。常见的数组方法包括： 1. `push()`：向数组末尾添加一个或多个元素，并返回新的数组长度。例如： ```javascript ...
js基础算法练习
qq_43405603的博客
08-16 409
要求：给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那 两个 整数，并返回他们的数组下标。 你可以假设每种输入只会对应一个答案。但是，你不能重复利用这个数组中同样的元素。 示例: 给定 nums = [2, 7, 11, 15], target = 9 因为 nums[0] + nums[1] = 2 + 7 = 9 所以返回 [0, 1].................................
Javascript中的对象和数组拷贝方法
一键写代码的博客
08-27 190
浅拷贝的意思就是只复制引用（指针），而未复制真正的值。 目前实现深拷贝的方法不多，主要是两种： 1、利用 JSON 对象中的 parse 和 stringify 2、利用递归来实现每一层都重新创建对象并赋值 （一）：JSON 对象中的 parse 和 stringify 确实是深拷贝，但是，ndefined、function、symbol 会在转换过程中被忽略，所以，如果对象中含有一个函数时（很常...
js简单练习
liudongdong_jlu
03-29 811
字符流动： &lt;html lang="en-US"&gt; &lt;head&gt; &lt;style&gt; body{background-color:blue;text-align:center;} #text{border:0;background-color:blue;font-size:50px;color:red;...
学习js的几个小练习
xiaojing的博客
03-15 6260
第一个效果非常简单，就是五个按钮来简单地改变框框的样式，但是我还是做了有一会吧，先尝试用addEventListener()这个方法不管用，想用nodeValue来获取按钮的值也不管用，想将inputs[i].value的值传入点击事件方法也遇到问题。种种尝试之后，我发现在onclick事件中有一个this，它指向的是当前点击的一个节点，因此可以通过this.value来获取按钮的值，我觉得我的写
js代码-数组方法练习001
07-16
本练习主要关注JavaScript中的数组方法，通过`main.js`文件中的实践代码来深入理解这些方法的使用。`README.txt`文件可能是对练习的简要说明或指导。下面我们将详细探讨JavaScript中的数组方法及其应用。 1. `push...
js代码-数组方法练习：forEach + indexOf
07-15
在这个js代码练习中，我们关注的是两个重要的数组方法：`forEach()` 和 `indexOf()`. 这两个方法在实际开发中非常常见，了解它们的用法对于提升JavaScript编程技能至关重要。 1. **`forEach()` 方法** `forEach()`...
js代码-javascript练习
07-15
通过以上讲解，我们可以看到"js代码-javascript练习"这个主题涵盖了大量的JavaScript基础知识，无论是初学者还是有经验的开发者，都可以通过练习来提升自己的技能。实际操作这些代码将有助于理解并掌握JavaScript的...
JS基础练习题
03-12
### JS基础练习题知识点解析 #### 一、选择题知识点详解 **1. 分析代码输出结果** - **代码分析**: 这段代码初始化了一个数组`arr`，然后使用一个循环来累加数组中的所有元素（除了第一个元素）。变量`sum`用来...
js数组方法练习
MarcherXxx的博客
09-10 435
1、封装一个方法，用于求20–100之间10个不重复的随机数并排序 function arrSort(min,max,len) { var arr = []; var num = []; while (arr.length < len) { num = getRandom(min, max); if (arr.indexOf(num) == -1) {
js函数练习
wangleishi1的专栏
03-07 803
js 函数  1.Math数学函数  var m=Math.max(1,2,3,4);(输出最大值)支持数字和字符    型是数字  var ceilvalue = Math.ceil(10.18);//值11 向上取值  var floorvalue = Math.floor(10.18);//值为10 向下取   值  var roundvalue = Math.round
javascript字符串相关方法
jinxi1112的博客
08-27 114
（1）检索字符串中的字符串 str.search("locate");//可以设置更强大的搜索值（正则表达式） str.indexOf("USA");//可以设置第二个开始位置参数 （2）提取字符串 slice(start,end) substring(start,end) substr(start,length) （3）字符串替换 str.replace("Microsoft", "W3School"); //默认地replace()只替换首个匹配，对大小写敏感 （4...
js练习
weixin_34179762的博客
04-15 478
js codewar 转载于:https://juejin.im/post/5cb4627d5188251afc030880
JavaScript基础算法练习
zyz031219的博客
03-26 792
// 1.九九乘法表 for (var i = 1; i < 10; i++) { document.write("<span>"); for (var j = 1; j <= i; j++) { if (j % 2 == 0) { document.write("<button style='width:60px;background-color:
JS 函数的基本练习
weixin_30341735的博客
03-09 729
// - 求3个数中的最大值 function biJiao3(x, y, z) { return x > y ? (x > z ? x : z) : (y > z ? y : z); } console.log(biJiao3(1, 2, 3)) // 比较任意数中的最大值 function biJiao...
JavaScript练习
zuebak的博客
09-27 157
红绿灯 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box{width:250px;height:52px;padding:15px 30px;bord...
JS基础练习
m0_51318597的博客
08-10 277
排他思想 百度换肤 表格各行换色 全选反选 tab栏切换 表单校验
js的一些简单练习
qq_49378268的博客
08-08 173
这些代码很基础，我学习的时候还是有一些不太清楚，写下以便于自己加深印象。 1.给定用户的生日(年、月、日),计算该用户的年龄 var year=+prompt('请输入生日年份'); var month=+prompt('请输入月份') var day=+prompt('输入日份'); function isAge(){ var m=new Date(); var nowyear=m.getFullYear(); //因为
JavaScript基础习题集与解答
这份习题集涵盖了JavaScript的基础概念和语法，包括常量、变量声明、数据类型、字符串处理、运算符以及DOM操作等内容。 **一、JavaScript基础** 1. **常量和变量** - JavaScript支持多种常量类型，如数值（如整型和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值