前端(一) jQuery 、 Js 、Ajax
来源:互联网 发布:mac安装silverlight 编辑:程序博客网 时间:2024/05/18 17:59
一、jQuery
1、web项目引入jquery:
如果可以上网,只需在<head> </head>引入如下代码即可
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.7.1/jquery.js"></script>
jquery2.0及以上支持移动端,但是不再支持 IE 6、7、8。
2、$(document).ready(function() {......}; 表示当页面加载完成之后执行,比如说页面加载完成之后我要触发一个弹框,就可以写成:
$(document).ready(function(){
alert('这是一个弹窗');});
3、(1)获取单个按钮的文本,eg.当前按钮的id为 id ="btnExecute",则为:$("#btnExecute").text()
(2)获取foreach循环中按钮的文本:
<c:forEach items="${page.list}" var="trainningPlan"><tr data-id="${trainningPlan.id}"><td style="text-align: center">${trainningPlan.planGoal}</td><td style="text-align: center"><button id= "btnExecute" onClick="javascript:btnExecute()" class="btn btn-primary">执行</button> <a href="...">修改</a> <a href="..." onclick="return confirmx('确认要删除该训练计划管理吗?', this.href)">删除</a></td></tr></c:forEach>注意:在行申明处加上<tr data-id="${trainningPlan.id}">是为了foreacn中找到用户点击的当前行,而不是所有行。
function btnExecute(event) {var event = window.event || event;var ele = event.srcElement || event.target;var id = $(ele).closest("tr").attr("data-id"); //获取点击的当前按钮top.$.jBox.confirm("确定执行?", "系统提示", function(v, h, f) { //弹框“确认”“取消”if (v == "ok") {//隐藏按钮$(ele).hide();//获取隔壁列的<a>,先获取父节点的<td>,然后获取它的子节点<a>中的第一个,eq(0)表示第一个$(ele).parent().prev('td').children('a').eq(0).hide(); $(ele).siblings('a').hide(); //获取该按钮的兄弟元素<a>}}, {buttonsFocus : 1});}二、Js
1、获取当前页面的 URL :
var url = window.location.href;
alert(url);
2、每次点击一个链接之后,该链接变色;点击下一链接后,下一链接变色,以前的链接颜色恢复:
var lastobj; function change(obj,id){if(lastobj) { lastobj.style.color="black"; lastobj.style.fontWeight=200;} obj.style.color="red"; obj.style.fontWeight=800; lastobj=obj}三、Ajax
阅读全文
0 0
- 前端(一) jQuery 、 Js 、Ajax
- Jquery,Ajax等前端技术总结一
- Ajax-Js原生Ajax和Jquery的Ajax(一)
- 前端(js、jquery等)
- [前端] jquery ajax请求
- 前端JQuery+Ajax校验
- (一)ajax之jQuery.ajax
- js jquery 前端 操作大全(常用)
- j2ee学习笔记之前端(js、jQuery、html、html5、webService、ajax、css)—— 一直会补充
- 修改内部系统。JS JQUERY AJAX 传参 JSP 并调用自定义函数 (典型无刷新前端调用后端)
- 关于Ajax ,jQuery以及jQuery Ajax 编程 (一)
- JQuery ajax 前端学习经验
- Js ajax 与 jquery ajax
- Js-Html 前端系列--Ajax
- ajax jquery js 提交(添加)
- JS Jquery AJAX
- js\jquery\ajax\json
- JS 、ExtJS、 Jquery、 Ajax
- IntelliJ Idea 常用快捷键列表
- eclipse中不能打断点的解决方案
- 欢迎使用CSDN-markdown编辑器
- 安利20个有用的PHP类库
- 第八周项目3对称矩阵压缩存储的实现与应用(2)
- 前端(一) jQuery 、 Js 、Ajax
- 蒙特卡洛树搜索(MCTS)算法
- Ubuntu 14.04下jdkHadoop2.8集群安装配置教程并运行wordcount实例
- 【队内胡策】令咒
- 安卓如何优雅的加载图片问题探究
- leetcode---partition-list---链表
- 基础知识(面试用)
- PullToRefreshScrollView
- 使用Vue制作幻灯片