前台常用的处理形式(包含特殊HTML、JQUERY的用法)

1、for 属性规定 label 与哪个表单元素绑定。
点击“是”文字时,相当于点击id为isSealed1的radio。

"isSealed1" type="radio"/><label for="isSealed1">是label>
"isSealed0" type="radio"/><label for="isSealed0">否label>

2、判断某个radio是否被选中

$("#isSealed0").is(":checked")//被选中则返回true
$('#isSealed0:checked').length==1//被选中则返回true

3、jquery选择器获取父级元素、同级元素、子元素

一、获取父级元素
    1、 parent([expr]):获取指定元素的所有父级元素
二、获取同级元素
    1、next([expr]):获取指定元素的下一个同级元素(下一个同级元素)
    2、nextAll([expr]):获取指定元素后边的所有同级元素
    3、andSelf():获取指定元素后边的所有同级元素,之后加上指定的元素
    4、prev():获取指定元素的上一个同级元素(上一个)。
    5、prevAll():获取指定元素的前边所有的同级元素。
三、获取子元素
    1、查找子元素方式1:>
    例如:var aNods = $("ul > a");查找ul下的所有a标签
    2、查找子元素方式2:children()
    3、查找子元素方式3:find()

children()和find()的异同:
①children及find方法都用是用来获得element的子elements的,两者都不会返回 text node,就像大多数的jQuery方法一样。
②children方法获得的仅仅是元素一下级的子元素,即:immediate children。
③find方法获得所有下级元素,即:descendants of these elements in the DOM tree
④children方法的参数selector 是可选的(optionally),用来过滤子元素,但find方法的参数selector方法是必选的。
⑤find方法事实上可以通过使用 jQuery( selector, context )来实现。即 (li.itemii).find(li) ( ′ l i . i t e m − i i ′ ) . f i n d ( ′ l i ′ ) 等 同 于 (‘li’, ‘li.item-ii’).

4、获得子元素个数

//获取id=div1下的子元素的个数
$('#div1').children().length;

5、禁用滚动条

<body scoll=no> 全禁止
<body style="overflow:scroll;overflow-y:hidden"> 禁止纵向滚动条
<body style="overflow:scroll;overflow-x:hidden"> 禁止纵向滚动条

6、禁用radio

disabled="true"

7、JS中获取EL表达式

var ctx = "${ctx}";

8、清空td标签内容后加入HTML

$('#dsampleTimeTd').text("");
$('#dsampleCountTd').append("  样品数量*:");

9、清空form表单

$("#searchForm").form("clear");

10、ie8不支持console.log()的解决方法

window.console = window.console || (function () {
    var c ={}; 
  c.log = c.warn = c.debug = c.info = c.error = c.time = c.dir = c.profile= c.clear = c.exception = c.trace = c.assert = function(){};
    return c;
})();

11、checkbox获取选择值

type="checkbox" name="checkbox" value="checkbox1"> checkbox1 
type="checkbox" name="checkbox" value="checkbox2"> checkbox2 
type="checkbox" name="checkbox" value="checkbox3"> checkbox3 
type="checkbox" name="checkbox" value="checkbox4"> checkbox4 
type="checkbox" name="checkbox" value="checkbox5"> checkbox5 
type="checkbox" name="checkbox" value="checkbox6"> checkbox6 
type="checkbox" name="checkbox" value="checkbox7"> checkbox7 
type="checkbox" name="checkbox" value="checkbox8"> checkbox8 
$("input[name=checkbox][checked]").each(function(){
    //由于复选框一般选中的是多个,所以可以循环输出 
    alert($(this).val()); 
});

12、判断一个控件是否存在

$("#fm").length > 0

13、使span在一行显示并限定宽度,显示不开的话则显示…

<span style="display:block;float:left;width:130px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap" id="name">名称:span>

你可能感兴趣的:(--jquery,--html,前端)