jquery开发知识总结2

js知识：
1、设置select option选中的值：
$("#keywordCatId").val(2); //2为option中对应的value值
2、动态添加select下的option，
var name=cats[cat].keywordCatName;
var value=cats[cat].keywordCatId;
var opp = new Option(name,value);
console.log("loadCat name:"+name+" ,id="+value);
$("#keywordCatId").append(opp);
3、动态添加checkbox元素
checkbox = "<input type='checkbox' value='"+id+"' name='appId'/>"+name;
$("#appcheckbox").append(checkbox)
4、each 用法
$('input[name=level]').each(function(index, value) { });

5、ajax请求
jQuery.ajax({
type : 'POST',
url : act_url + "/getRules",
data:{},
dataType : 'json',
success : function(data) {
var result = eval("(" + data + ")");
console.log("getRules="+result);
loadrule(result);
}
});
6、勾选checkbox选项
$(this).attr("checked", true);
7、问题：
1、jsp页面，请求的路径怎么设置的？
8、获取input标签，name= feature的所有对象
$('input[name=feature]').each(function(index, value) {
var feat = $(this).val();
console.log("feat:"+feat+" ,");
if (feat == feature) {
$(this).attr("checked", true);
}

});
9、获取指定条件下的option，
$("#listruleId").find("option[value='"+rule_hidden+"']").attr("selected",true);
10、页面跳转
window.location.href="?appId=" + appId;
11、刷新页面
location.reload()
12、遍历数组
$.each(dataArray,function(name,value){
});
13、页面跳转
location.href="http://www.baidu.com";
14、全部勾选和取消勾选

$("#all").click(function(){
if($("#all").attr("checked") == "checked"){

$("input[name='check']").attr("checked","checked");
}else{

$("input[name='check']").removeAttr("checked","checked");
}

});
15、关于布局知识：

一行多列 float：left
居中： margin：0 auto
宽度： width：100px
高度： height：100px
/*设置元素跟其他元素的距离为20像素*/ margin:20px;
padding 属性用于设置一个元素的边框与其内容的距离。
padding-left:50px;
padding-top:20px;
padding-bottom:50px;
Clear: 使用Float属性设置一行有多个DIV后（多列），最好在下一行开始之前使用Clear属性清楚一下浮动，否则上面的布局会影响到下面。
16、回车提交
$("#inputkeyup").on("keyup",function(e){
if(e.which=="13")
{
alert("回车提交!content="+$("#inputkeyup").val());
}
});
17、提交表单
$("#config").live("click",function(){
var action = $(this).val();
var url = act_url;
// alert("action = " + action);
url = url + "/config";
// alert("url = " + url);
$('#editForm').ajaxForm({
url : url,
success: ajaxBack
//target: '#output1', // target element(s) to be updated with server response
//beforeSubmit: showRequest, // pre-submit callback
//url: url // override for form's 'action' attribute
//type: type // 'get' or 'post', override for form's 'method' attribute
//dataType: null // 'xml', 'script', or 'json' (expected server response type)
//clearForm: true // clear all form fields after successful submit
//resetForm: true // reset the form after successful submit
//timeout: 3000
});
function ajaxBack (responseText, statusText, xhr, $form) {
$.modal.close();
var result = eval("("+responseText+")");
if (result['success'] > 0) {
$.alert ({
title: 'Alert'
, text: '<p> 已经处理成功! </p>'
, callback: function () {
location.reload();
}
});
} else {
$.alert ({
title: 'Alert'
, text: '<p> 处理失败：'+(result['message'] != null ? result['message'] : responseText)+' </p>'
});
}
}
});
18、默认路径，不需要添加value
@RequestMapping(method = RequestMethod.GET)
指定路径
@RequestMapping(value = "/update", method = RequestMethod.POST)
@ResponseBody
19、下拉框触发事件
$("#dsad").live('change', function() {
redirect();
}

jquery开发知识总结2相关推荐

springboot 技术图谱_java后台（Springboot）开发知识图谱高频技术汇总-学习路线...
[原创]java后台(Springboot)开发知识图谱&&高频技术汇总 1.引言: 学习一个新的技术时,其实不在于跟着某个教程敲出了几行.几百行代码,这样你最多只能知其然而不知其所以 ...
使用jQuery开发tab选项卡插件
为了复习巩固jQuery的插件开发.HTML和CSS方面的知识,做了一个简单的tab选项卡插件,简单记录一下开发.使用的过程,以备日后使用. 一.插件效果 tab选项卡插件常用的功能均已实现,包括:动 ...
jQuery基础知识（黑马程序员前端基础必备教程视频笔记）
一.jQuery概述 1.JavaScript库即library,是一个封装好的特定的集合(方法和函数).从封装的一大堆函数的角度理解库.就是在个库中,封装了很多预先定义好的函数在里面,比如动画an ...
jQuery基础知识整理
jQuery基础知识整理 jQuery简介什么是jQuery(了解) jQuery简化JS代码 jQuery的核心思想:"写的更少,但做的更多"(write less,do mo ...
jQuery之知识二-选择器
jQuery 最核心的组成部分就是:选择器引擎.它继承了 CSS 的语法,可以对 DOM 元素的标签名.属性名.状态等进行快速准确的选择,并且不必担心浏览器的兼容性.jQuery 选择器实现了 CS ...
项目开发知识盲区整理2
项目开发知识盲区整理2 SpringBoot运行Test时报错:SpringBoot Unable to find a @SpringBootConfiguration mp代码生成模板--mybai ...
腾讯系:微信，公众号，小程序，企业微信开发知识概括
腾讯系:公众号,小程序,企业微信等等开发知识概括企业微信公众号小程序微信开放平台总结企业微信第三方应用开发(sass服务商): 概述:第三方应用接口旨在方便企业微信管理员通过简单的操作来 ...
[jQuery知识]jQuery之知识十一-Ajax初级
前言 1.Ajax 概述 2.load()方法 3..get()和.get()和.post() Ajax 全称为:"Asynchronous JavaScript and XML" ...
最实用的web前端开发知识框架图
1.分类所有知识框架,那肯定是一个结构型的展现,就是一棵树.web前端的知识点非常多,也非常散,需要好几层结构来组织这个体系,否则就会显得很乱.那么如何组织.把谁和谁放在一块儿?这是真正值得我们去思 ...

jquery开发知识总结2

jquery开发知识总结2相关推荐

最新文章

热门文章