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

<script>
// 根据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 = "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);
}
<script>