1、动态添加元素
var know = document.createElement('div'); //创建元素 know.setAttribute("class", "form-group"); //设置class样式 know.innerHTML="知识点 [删除](#) ";//设置HTML内容 var field = document.getElementById('knowledge'); //2、找到父级元素 field.appendChild(know);//插入 |
2、动态删除元素
//删除按钮设定class为delete,取所有delete元素绑定click事件 $('.delete').click(function(){ $(this).parent().remove();//从父级元素开始删除 }) |
3、字符串查找及与ASCII转换
//将返回A在字符串answer中的位置,如果没有返回-1 answer.indexOf("A") //返回ASCII码为65的字符 String.fromCharCode(65) |
4、控制元素的显示与隐藏
//显示 singlesection[0].style.display=""; //隐藏 multysection[0].style.display="none"; |
5、控制元素的可用于禁用
//禁用 $('#directurl').attr("disabled","disabled"); //启用 $('#directurl').removeAttr("disabled"); |
6、获取下拉列表选中的值
$("#college option:selected").val()
|
7、正则表达式获取当前页面的参数
//quizid作为key var reg = new RegExp("(^|&)quizid=(\[^&\]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); //quizid中即为value var quizid=r\[2\]; |
8、控制页面跳转
//刷新当前页面 location.reload() //重定向到某个页面 window.location.href="index.html"; //返回到上一页面,并刷新上个页面 self.location=document.referrer; |
文章评论