jQuery中单引号与双引号的对比分析
发表时间: 2023-12-04 11:51
单引号和双引号的使用:
$("div td:nth-child("+iNum+"), th:nth-child("+iNum+")").addClass("on").show(); function disp(divs){ for(var i=0;i<divs.length;i++) $(document.body).append($("<div style='background:"+divs[i].style.background+";'>"+divs[i].innerHTML+"</div>"));}
属性选择器
使用属性选择器加单引号和不加单引号,程序都能正确运行,为了程序的可读性,最好是加上单引号(个人习惯);
$("div a[title]");
$("div a[title='isaac']")
$("div a[href^='pdf']") 以pdf开头
$("div a[href$='pdf']") 以pdf结尾
$("div a[href*='pdf']") 包含字符串pdf
json格式: 属性值必须加引号, 而属性可加可不加
attr({json})
$("div img").attr({src: "02.jpg", title: "紫金公寓", alt: "紫金公寓"});
css({json})
$("div p").css({color: "#ff0011", background: "blue", "font-size":"16px" });
注意:带横线的属性必须加引号; font-size也可写成fontSize;
属性值带单位(如px)的必须加引号;
animate({json})
$("#block").animate({left: "-=90px"},300); //相对左移$("#block").animate({ opacity: "0.5", width: "80%", height: "100px", borderWidth: "5px", fontSize: "16px", marginTop: "45px", marginLeft: "24px"},2000);
注意:border-width不被支持(即使加引号也不支持, 属于极其特殊情况, 而font-size加引号是被支持的), parem参数必须采用驮峰式写法, 且不带横线, 与CSS样式使用DOM名称一致。
CSS样式使用DOM名称(比如"fontSize")来设置, 而非CSS名称(比如"font-size")。