為元素賦值
$('#frame').text(this.prev_frame);
為元素添加事件
$("div").delegate("button","click",function(){
$("p").slideToggle();
});
http://www.w3school.com.cn/jquery/event_delegate.asp
添加元素
$("p").append("Some appended text.");
http://www.w3school.com.cn/jquery/jquery_dom_add.asp
刪除div中的內(nèi)容 足丢，但是保留這個(gè)div
$('#test').empty(); //jQuery
https://zhidao.baidu.com/question/289778640.html
$(this)下的第一個(gè)子元素
$("#cont").find("p").first().css("color","red");
獲取鼠標(biāo)點(diǎn)擊的位置
$("div").click(function(e){
var y=$(this).offset().top;
var x=$(this).offset().left;
});
樣式 .css()
$("p").css("background-color","yellow");
$("p").css({"background-color":"yellow"});
http://www.w3school.com.cn/jquery/jquery_css.asp
attr()設(shè)置多個(gè)屬性值
$('.setType').eq(this.dateIndex).attr({'type': 1, 'class':'week_active'})
獲取 div type屬性不是2的所有元素
$('.setType:not([type=2])').css({'box-shadow': 'none', 'background': 'red'})
點(diǎn)擊事件返顺，通過(guò)$(this)獲取子元素
$('body').undelegate('.select_lis', 'click').delegate('.select_lis', 'click', function (evt) {
evt.stopPropagation() // 阻止事件冒泡
let str = $(this).children('.select_checkbox').prop('checked')
if (str) {
$(this).children('.select_checkbox').attr('checked', false)
} else {
$(this).children('.select_checkbox').attr('checked', true)
}
})
https://zhidao.baidu.com/question/376745108.html
prop獲取input的checked屬性
let str = $(this).children('.select_checkbox').prop('checked')
console.log(str)
https://www.cnblogs.com/shenzikun1314/p/6594367.html
點(diǎn)擊某一個(gè)元素之外的地方顷啼，執(zhí)行事件（jquery）
$('#statistics').bind('click', function (e) { // $('#statistics')东囚，指的是在這個(gè)區(qū)域內(nèi)執(zhí)行
var o = e.target;
if($(o).closest('#project_lists').length==0) { // 點(diǎn)擊id不是project_lists的區(qū)域嘁字，執(zhí)行以下事件
$('.projects').css({'display': 'none'})
}
})
https://ask.csdn.net/questions/250756
獲取元素的css值
let cssValue = $('.detail_div')[0].style.left
if (cssValue == '65%') {
console.log(111)
}
獲取有兩個(gè)class的元素
$('.content.teaching_content')
https://blog.csdn.net/qq_38006520/article/details/82704081
jquery判斷div滾動(dòng)條到底部
$(document).ready(function (){
var nScrollHight = 0; //滾動(dòng)距離總長(zhǎng)(注意不是滾動(dòng)條的長(zhǎng)度)
var nScrollTop = 0; //滾動(dòng)到的當(dāng)前位置
var nDivHight = $("#div1").height();
$("#div1").scroll(function(){
nScrollHight = $(this)[0].scrollHeight;
nScrollTop = $(this)[0].scrollTop;
var paddingBottom = parseInt( $(this).css('padding-bottom') ),paddingTop = parseInt( $(this).css('padding-top') );
if(nScrollTop + paddingBottom + paddingTop + nDivHight >= nScrollHight)
alert("滾動(dòng)條到底部了");
});
});
https://www.cnblogs.com/tylerdonet/p/4844297.html
刪除第二個(gè)元素
$(".image_tofile:eq(1)").remove(); // 刪除第二個(gè)class名為image_tofile的元素
平移動(dòng)畫
- 方法1：jquery
$("#dailiesImg").animate({"left":(this.versionPage-1)*100*(-1)+'%'},2000)
- 方法1：原生js
let box = document.getElementById("dailiesImg");
let st = parseInt(box.style.left);
let time = 0
let ID
clearInterval(ID)
// 跑起來(lái)
ID=setInterval(function(){
time += 2
st -= 2
box.style.left = st + '%'
if (time == 100) {
clearInterval(ID)
}
}, 10)
為動(dòng)態(tài)追加的元素添加點(diǎn)擊事件
- $('#capture').click(function(){}) 點(diǎn)擊該元素不執(zhí)行叶眉，點(diǎn)擊其他地方執(zhí)行的問(wèn)題（即JQuery動(dòng)態(tài)綁定事件 點(diǎn)擊事件無(wú)效）
https://blog.csdn.net/jumenglo/article/details/81094506 - 解決辦法：
$("body").on('click', '#capture', function() {
})
https://blog.csdn.net/xiaobinqt/article/details/84109813
判斷某個(gè)元素是否存在（$('#box').length > 0）
var my_element = $("#element_Id" )
if(my_element.length>0){
alert("element is exist.");
}else{
alert("element not be found");
}
https://www.cnblogs.com/super-chao/p/8241581.html
input輸入框自動(dòng)獲取焦點(diǎn)
$('#test').focus()
// 如果數(shù)據(jù)加載延遲的話家卖，可以加 setTimeout
setTimeout("$('#test').focus()",500);
https://www.cnblogs.com/zydtm/p/9140087.html
判斷一個(gè)元素下是否有內(nèi)容
if($("#test").length){//元素是否存在
if($("#test").text()){//是否有內(nèi)容
}else{
//內(nèi)容不存在時(shí)的操作
}
}else{
//元素不存在時(shí)的操作
}
https://zhidao.baidu.com/question/1639543104444344300.html
jquery點(diǎn)擊事件捕发，點(diǎn)擊一次執(zhí)行多次的問(wèn)題
- 原因：代碼錯(cuò)誤，將click事件進(jìn)行了多次綁定壹堰，需解綁后再進(jìn)行綁定
- 解決方法：
$("#id").off("click").on("click",function() {});
https://www.cnblogs.com/lezuw/p/11253970.html
