2019.03-04 工作中遇到的前端问题与解决方法

本文链接：https://blog.csdn.net/xHibiki/article/details/90370773

本文记录了2019年3月至4月期间在实际工作中遇到的一些前端开发问题，包括JavaScript方面的挑战及对应的解决策略。通过这些问题的解决，深入探讨了前端开发中的常见难点和最佳实践。

摘要由CSDN通过智能技术生成

1.Style设置
  设置宽度和对齐 style="width: 150px;margin-left: 10px;"

2.元素移除 
    $("#booth_wash_num th:gt(0)").remove()
    remove()移除元素 empty()清空元素内的东西
3.下标大于某值的选择器
  #booth_wash_num th:gt(0) 

4.增加元素
  (1):$("#robo_num").append("<th>"+res[i].robo_num+"号機</th>")
      append() 在选择器选中的标签内部进行增加
	  注意事项:只能在$("#id")上使用,否则会被解析为字符串,而不是元素
      after()  在选择器选中的标签外部的后面
  (2) 在增加元素时,每次都要var新建,否则都会append同一个元素
  

5.CSS引入
  (1)<input style="margin-top:20px;">
  (2)<style>.p{
   margin-top:20px;}</style>
  (3)<link href="/css/global.css" th:href="@{/css/global.css}" rel="stylesheet"></link>

6.Onchange事件
  $("#before_endDate").change(function(){
   console.log($("#before_endDate").val())})
  onchange触发时,得到的值是改变后的值,不是改变前的值

7.页面加载时触发的onload事件
  $(function()){
   }

8.取得标签内部值
  (1)$(this) 
  (2)$(#ab).function(e){
   e.target.id //输出ab}

9.取得label对应值
  replace_interval = $("label[For='xxx']").text()[0]

10.aria与data属性
  (1)aria为残障人士准备,其实可以当做特殊的标签存放值[aria-label='xxx']
	 aria-tabindex=使用tab键获取焦点,一般只有超链接a和表单才能被访问,设置这个可以获取焦点
	 aria-label->将元素赋予标签,例如=Close,相当于告诉辅助软件这个是"close"的作用,对元素进行注释!
	 aria-role/role 相当于告诉程序这个角色和功能
  (2)data属性是自定义属性,可以使用 $("#xx"