<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>属性选择器</title> <script src="../jquery-3.7.1.js"></script> </head> <body> <!-- 这是第一个属性选择器的应用 --> <!-- <div> <input type="radio" name="user" value="name"> <span>name</span> </div> <div> <input type="radio" name="user" value="age"> <span>age</span> </div> --> <!-- 这是第二个属性选择器的应用 --> <a href="#" atl="mnn">mnn</a> <a href="#" atl="mnn-t">mnn-t</a> <a href="#" alt="mnntttzzz">mnntttzzz</a> <script> // 1 利用属性选择器：选中第一个input,然后修改span中的文本 name >---username // next():找到同级的下一个标签 // html() === innerHTML() // console.log($("input[value='username']").next()); // $('input[value="name"]').next().html("gaide username"); // 2 属性选择器：完美选择器或者前缀匹配（-） // console.log($("a[alt|='mnn']")); $("a[alt|='mnn']").css("border","3px solid pink"); </script> </body> </html> #老师，我这个怎么不显示修改了的边框效果呢？
老师文档里的图片是不是放错了?
如果图片很多，一张一张的很麻烦，有没有快捷方式呢？
老师，用reset事件时，有两个buttton时，用鼠标事件触发 其中一个按钮的话会清空表单（当然。点击两个按钮都会）， 但是按直接回车也会清空表单，是不是reset没起作用哦？ 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div>在表单上的属性：reset、submit</div> <!--步骤：先写表单——JS中获取（改写）--> <form id="ddd"> <input type="text" id="da"> <button id="dda">登录</button> <button id="dd">返回</button> </form> <script> //reset这个是用来干啥的呢？用来清空表单的 var a = document.getElementById("dd"); a.onclick = function cc(){ ddd.reset();//触发表单 console.log("这个是用来表示reset属性的"); } </script> </body> </html>
老师，我想把这三个div放在一个水平线上,怎么实现呢！
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div class="box" id="box"></div> <script> var box = document.getElementById('box') box.style.width = '200px'; box.style.height = '100px'; box.style.backgroundColor = 'reb'; </script> </body> </html>
这段代码哪里错了没法运行呀
请问一下，老师，我的这个怎么没有反应呢？ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <!--意思是说，各管各的，就是可能平时我们点击子级元素的时候会触发父级元素的某些特征，但是我并不希望这样，所以我来监听子级元素不让它去影响父级元素--> <ul id="you"> <li>星期1</li> <li>星期2</li> <li>星期3</li> <li>星期4</li> <li>星期5</li> </ul> <script> var a = document.getElementById("you"); a.addEventListener("click",function vv(){ if (event.target.tagName === "li"){ console.log("点击了li标签"); } }) </script> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <p>弹性盒子模型</p> <div> <p class="lk">父辈</p> <div> <p class="mn">子级1</p> </div> <div> <p class="m">子级2</p> </div> <div> <p class="n">子级3</p> </div> </div> <br> <p>盒子模型，只涉及：margin,padding,width,height差不多的这几个属性</p> </body> <style> p{ font-weight: 500px; /*对大字进行加粗*/ } .lk{ width:800px; height:800px; font-size: 90px; display:flex; background-color: aquamarine; flex-direction: column; align-items: center; justify-content: center; } /* div>div{ width: 200px; height: 200px; font-size: 20px; background-color: blueviolet; } */ .mn{ color: aquamarine; width: 200px; height: 200px; font-size: 20px; background-color: blueviolet; } .m{ color: aquamarine; width: 200px; height: 200px; font-size: 20px; background-color: blueviolet; } .n{ color: blueviolet; width: 200px; height: 200px; font-size: 20px; background-color: blueviolet; } </style> </html>
老师，下面三个为什么不在上面那个大盒子里面呢？
感觉这个语言的字符串方法有种为算法量身定制的感觉
html文件中单个标签以属性的方式添加声明会覆盖内部样式吗
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> var arr = ['hello']; // arr[1] = 'dajiahao'; var mylength = arr.push('大家好','world',100,true,null,undefined,Object); console.log(arr); console.log(mylength); </script> </body> </html>
数组里Object，为什么会显示成f
老师好像keypress这里讲错了，keypress通常只能响应字母（含空格）这些键
获取焦点和失去焦点可以配合使用么
老师我想问一下为什么直接在style里面改span的图标大小属性不行，而是要加上一个新的类，对新的类操作才可以改图标大小
非常抱歉给您带来不好的体验！为了更深入的了解您的学习情况以及遇到的问题，您可以直接拨打投诉热线：
我们将在第一时间处理好您的问题！
关于
课程分类
百战程序员微信公众号
百战程序员微信小程序
©2014-2025百战汇智（北京）科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园网站维护：百战汇智（北京）科技有限公司 京公网安备 11011402011233号 京ICP备18060230号-3 营业执照 经营许可证：京B2-20212637
京公网安备 11011402011233号