js jq获取标签的各种方式整理

// 根据class获取标签的值切割为字符数组 var demo1Arr= $(".demo1").val().split("-"); //jq执行目标标签的click事件 $("#demo2").trigger("click"); //获取name为demo4的标签将id放到数组里 var demo3 = new Array(); $("input[name='demo4']").each(function(index, element) { demo3.push(element.id); }); //获取id为demo6的标签下所有name为demo7的元素 var demo5 = $("#demo6").find("[name='demo7']") //设置demo5里第一个元素的值 demo5[0].value = "https://www.it610.com/article/demo"; //jq设置css背景颜色 $("#demo8").css("background-color", "rgb(255, 239, 241)"); $("#demo8").css("background-color", "#f0f6ff"); //js设置name为demo9的所有标签属性为不可读,eg:disabled会使标签值不可取,readonly不会 var demo10 = $("input[name='demo9']"); for (var i = 0; i < demo10.length; i++) { demo10[i].setAttribute("readonly", "readonly"); demo10[i].setAttribute("disabled", "disabled"); }//jq设置placeholder $("#demo11").attr("placeholder", "请输入"); //jq设置name为demo9的所有标签为不可读,eg:disabled会使标签值不可取,readonly不会 $("#demo12").attr("readonly", "readonly"); $("#demo12").attr("disabled", "disabled"); //js设置css背景图片 document.getElementById('demo13').style.setProperty('background', '#dee2e8 url() no-repeat left center', 'important'); //页面初始化方法中设置,页面有混动条时,进入页面时滚动条在顶部 $('#demo14').scrollTop(0); //判断jq标签是否有realonly属性 var demo16 = $('#demo15'); if(demo16.prop("readonly")){ }//清空标签 $("#demo18").empty(); //找到id为demo19里的class为demo20的标签设置padding-top $("#demo19").find(".demo20").each(function(index, element) { element.style.setProperty('padding-top', '38px', 'important'); }); //jq设置标签属性 demo21.attr("maxLength","30"); //获取电脑宽度,设置标签高度 var windowWidth = window.screen.width; if(1920 == windowWidth){ $("#demo22").height(150); }

    推荐阅读