JQuery日常总结
/**
-
返回不四舍五入的小数值 num 是处理的值,decimal是保留位数
-
@param num
-
@param decimal
-
@returns
*/
function formatDecimal(num, decimal) {num = num.toString();
let index = num.indexOf(’.’);
if (index !== -1) {
num = num.substring(0, decimal + index + 1);
} else {
num = num.substring(0);
}
return parseFloat(num).toFixed(decimal);
}
弹出iframe关闭当前窗口
var winId = getTopFrame().layer.getFrameIndex(window.name);
close(winId);
跳转页面以后,jquery点击不管用,js跳转页面后,dom绑定不上,用document可以解决
$(document).on(“click”,"",function() );
弹窗之后返回函数的回调函数方法:
var data={success:true }
window.getJsonData(data);
返回去后进行刷新父窗口
table.ajax.reload();
元素获取与赋值
jQuery.parent(expr),找父亲节点,可以传入expr进行过滤,比如
(
"
s
p
a
n
"
)
.
p
a
r
e
n
t
(
)
或
者
("span").parent()或者
("span").parent()或者(“span”).parent(".class")
jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素
jQuery.children(expr),返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点
jQuery.contents(),返回下面的所有内容,包括节点和文本。这个方法和children()的区别就在于,包括空白文本,也会被作为一个jQuery对象返回,children()则只会返回节点
jQuery.prev(),返回上一个兄弟节点,不是所有的兄弟节点
jQuery.prevAll(),返回所有之前的兄弟节点
jQuery.next(),返回下一个兄弟节点,不是所有的兄弟节点
jQuery.nextAll(),返回所有之后的兄弟节点
jQuery.siblings(),返回兄弟姐妹节点,不分前后
jQuery.find(expr),跟jQuery.filter(expr)完全不一样:
jQuery.filter(),是从初始的jQuery对象集合中筛选出一部分,而
jQuery.find(),的返回结果,不会有初始集合中的内容,比如
(
"
p
"
)
.
f
i
n
d
(
"
s
p
a
n
"
)
,
是
从
<
p
>
元
素
开
始
找
<
s
p
a
n
>
,
等
同
于
("p").find("span"),是从<p>元素开始找<span>,等同于
("p").find("span"),是从<p>元素开始找<span>,等同于(“p span”)
$("#span1").text(“添加的内容”);添加文本内容方式。
$("#span2").html(“两次密码输入不一致”);添加HTML元素。
on事件,可以对未来新加的元素进行dom绑定
KaTeX parse error: Expected '}', got 'EOF' at end of input: …ion() { var rs=(this).parent().prev().prev().find(“input”).val();
Var je=$(this).val();
if(noNull(rs)&&(noNull(je))){
$(this).removeClass(“redBorder”);
$(this).attr(“placeholder”,"")
}
});
Attr和pop的区别:prop只能添加标签自带的属性,ATTR可以添加自己定义的标签
1.attr()函数获取标签的某个属性
//获取id为p的标签的属性值
$(’#p’).attr(‘class’)
2.attr()修改或修改标签的属性值
//如果存在就是修改,如果不存在就是添加
$(’#p’).attr(‘class’,‘red’)
3. 删除某个属性
$(’#p’).removeAttr(‘name’)
4.添加class名称
$(’#p’).addClass(‘blue’)
5.删除class名称
$(’#p’).removeClass(‘yellow’)
6.有class就删除 没有就添加
$(’#p’).toggleClass(‘asdf’)
7.val()获取输入框内容
var s = $(‘input[name=“user”]’).val()
可以使用如下方法,在需要重新计算表格行高的时候触发
const myEvent = new Event(‘resize’);
window.dispatchEvent(myEvent);
a标签的void不起作用,还是会跳转一个空白页面,加return false;
a获取同一样式的个数n=parseFloat($(".search_tr_more").length);//搜索行的个数
async. 默认是 true,即为异步方式,
.
a
j
a
x
执
行
后
,
会
继
续
执
行
a
j
a
x
后
面
的
脚
本
,
直
到
服
务
器
端
返
回
数
据
后
,
触
发
.ajax执行后,会继续执行ajax后面的脚本,直到服务器端返回数据后,触发
.ajax执行后,会继续执行ajax后面的脚本,直到服务器端返回数据后,触发.ajax里的success方法,这时候执行的是两个线程。
async 设置为 false,则所有的请求均为同步请求,在没有返回值之前,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。
$.ajax({
url : ‘${pageContext.request.contextPath}/ywjybrhj/upload?zbgid=’+zbgid,
type : “post”,
// 传送请求数据
data : formData, //通过ajax提交form表单
dataType:“json”,
cache:false,//同步
processData:false,
contentType:false,
/* async:false, */
success : function(data) {
close(index);
alert(data.msg);
var data={success:true};
window.getJsonData(data);
},
error:function(val){
close(index);
alert(data.msg);
},
beforeSend:function(val){
index=loading(2);
},
});
}
return false;
});
鼠标悬空时,把value当作 title进行展示
οnmοuseοver=‘this.title=this.value’