Lufer

  • 首页
  • 编程
  • 学习笔记
  • 日常折腾
Lufer
Code the World
  1. 首页
  2. 编程
  3. Java
  4. 正文

从零开始的JavaWeb(五)JQuery常用操作

2018年4月28日 461点热度 0人点赞 0条评论

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;
标签: Java Web
最后更新:2023年7月10日

Lufer

新的一天开始啦

点赞
< 上一篇
下一篇 >

文章评论

razz evil exclaim smile redface biggrin eek confused idea lol mad twisted rolleyes wink cool arrow neutral cry mrgreen drooling persevering
取消回复

COPYRIGHT © 2022 lufer.cc.

Theme Kratos Made By Seaton Jiang

鲁ICP备2021045819号