web前端零碎知识点整理

//移除style样式
$(this).removeAttr(“style”);

// 移除方法
$(this).prop(“onmouseover”, null);
$(this).prop(“onmouseout”, null);

//像checkbox,radio和select这样的元素,选中属性对应“checked”和“selected”,这些也属于固有属性,因此需要使用prop方法去操作才能获得正确的结果。

$(“#chk1”).prop(“checked”) == false
$(“#chk2”).prop(“checked”) == true
如果上面使用attr方法,则会出现:

$(“#chk1”).attr(“checked”) == undefined
$(“#chk2”).attr(“checked”) == “checked”

//输入框内容
placeholder=”请输入标题…”

//显示直线
class=”page-header”

//文字超出自动打点点
.flutter-21{
width: 160px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display:inline-block;
margin-bottom: -5px;

}

//jq 回车跳转
$(‘#name’).bind(‘keyup’, function (e) {
var ev = document.all ? window.event : e;
if (e.keyCode === 13) {

}
});

//监听滚动事件
window.onscroll = function () {
var t = document.documentElement.scrollTop || document.body.scrollTop;
if (t > 0) {
$(“.cbbfixed”).css(“bottom”, “10px”);
} else {
$(“.cbbfixed”).css(“bottom”, “-85px”);
}
}

补充:
1、监听某个元素的滚动条事件

$(selector).scroll(function(){…….});

2.获取滚动条滚动的距离

$(selector).scrollTop();
$(selector).scrollLefft();
//输入框只读状态
readonly

//监听input date值得变化
$(function(){
$(‘#date1’).bind(‘input propertychange’, function() {
alert($(this).val() + ‘获取到了’);
});
})

//更换页面触发事件
$(document).on(“pagebeforeshow”,”#pagetwo”,function(){
alert(“触发 pagebeforeshow 事件 – 页面二即将显示”);
});
$(document).on(“pageshow”,”#pagetwo”,function(){
alert(“触发 pageshow 事件 – 现在显示页面二”);
});
$(document).on(“pagebeforehide”,”#pagetwo”,function(){
alert(“触发 pagebeforehide 事件 – 页面二即将隐藏”);
});
$(document).on(“pagehide”,”#pagetwo”,function(){
alert(“触发 pagehide 事件 – 现在隐藏页面二”);
});
//监听元素滚动条
$(“#pean1”).scroll(function() {
var scrolltop= $(“#pean1”).scrollTop()
if(scrolltop>5){
$(“.searchimg”).css(“right”,”40px”)
}
else{
$(“.searchimg”).css(“right”,”68px”)
}
});
//手机页面在电脑上显示
chrome://inspect/#devices

提示:如有不明白或者看不懂的地方,都可以给我留言,我看到定会及时回复的!

版权声明:除特别注明外,本站所有文章均为田珊珊个人博客原创

转载请注明:出处来自田珊珊个人博客 » web前端零碎知识点整理

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注