33.前端知识_即使设置了某个<option>元素的display属性为false,该元素仍然可能参与表单的验证-优快云博客

本文介绍了前端开发中常见的表单操作技巧，包括获取表单输入值、设置元素只读、修改样式、焦点定位、事件监听等。此外，还涉及了jQuery选择器的使用，如获取下拉框内容、设置输入框属性以及对多选框的操作。同时，讨论了页面加载时的事件处理和页面刷新的方法，以及如何实现滚动条和元素定位。

1.获取form表单输入的值: document.getElementById('Name').value;

2.获取下拉框的值   $("select[name='HaveDelField']").val()

3.设置为只读：readonly="readonly"

4.去除输入框边框： style="border:0px"

5.定位到内容为空的输入框  调用focus()

6.获取下拉框的内容   $("select[name='HaveDelField']").val()

7.域的内容发生改变触发: onchange事件

8.给id为FiledIsDel设置为空属性  $("#FiledIsDel").val("")

9.通过jquery给输入框设置只读模式  $("#FiledIsDel").attr("readOnly",true);

10.页面加载时触发: onload事件 

11.页面加载完就执行这个函数体 $(function(){})，$(document).ready(function(){});onload事件

12.给class为alertForm的div的子单选框设置属性 
   $(".alertForm:checkbox[name='status']").prop("checked",false);

13.添加一个class属性:$("#22").addClass("你的属性值")

14.移除添加的class:$("#22").removeClass("你的属性值"),全删直接removeClass()

15.overflow: auto;//设置滚动,height: 570px;//页面滚动高度,结合16一起用

16.position: fixed;//设置按钮固定 bottom: 30px; 按钮的高度,结合15一起用

17.刷新页面 location.reload();

18.获取表格第2行第3列的内容  	alert($('#fistTable tr:eq(1) td:eq(2)').html());

19.border-radius:5px   设置圆角边框