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")。