JQuery日常总结

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后面的脚本,直到服务器端返回数据后,触发 .ajaxajax.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’

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值