jQuery对页面标签及属性的部分操作

• jQuery中添加和删除class属性：

//改变class=''中的值
$('#**').removeClass('**');  
$('#**').addClass('**');
$("#**").removeClass('**').addClass('**');

//改变标签属性值
$('#**').attr("display", "none"); 

//为标签添加属性值
$('#**').attr({"属性名":"属性值"});

//改变标签中style内的属性值
$('#**').css('属性名','属性值');

• 隐藏与显示select第一个选项

$('#**').children('option').first().hide();
$('#**').children('option').eq(1).attr("selected", "selected");


$('#blackBorderAdapt').children('option').first().show();
$('#blackBorderAdapt').children('option').eq(1).attr("selected",false);

• jQuery中删除节点：

$("#**").remove();//删除自身及其所以子节点
$("#**").html("");//删除所有子节点

• jQuery中清空输入框：

$("#**").val("");

• jQuery中清空选择框：

$("#** option:selected").attr("selected",false);

• jQuery重置界面标签：

$("#**").html("");
var html = [];
html.push("<div>添加内容1</div>");
html.push("<div>添加内容2</div>")
$("#**").append(html.join(""));

• jQuery获取和设置界面数据

获取：

var ** = $('#**').html();//取得第一个匹配元素的html内容。
var ** = $('#**').val();//获取输入框的值
var ** = $('#** option:selected').text();//获取下拉框选中的数据
var ** = $('#**').text();//获取当前jQuery对象所匹配的DOM元素内的text内容，所谓text内容，就是在该元素的html内容(即innerHTML属性值)的基础上过滤掉所有HTML标记后的文本内容

设置：

$('#**').html("**");
$('#**').val("**");
$("#** option:selected").attr("selected",false);
$('#**').text("**");

如：

<div id="divShow"><b><i>Write Less Do More</i></b></div>
    如果我们用：var strHTML = $("#divShow").html();
    结果是：<b><i>Write Less Do More</i></b>
    如果我们用：var strHTML2 = $("#divShow b i").html();
    结果是：Write Less Do More
    而text没有第一种情况，如果我们：var strText = $("#divShow").text();
    结果是：Write Less Do More

• 为界面标签赋值：

document.getElementById('**').innerHTML="所添加的内容";

• jquery复选框：

$('#checkbox-all').click(function(){
    if($(this).prop('checked')){
        $('input[type="checkbox"]').prop('checked',true);
    }
    else{
        $("td :checkbox").prop("checked",false);
    }

    updateSelect();
});

• jquery对象居中：

function center(obj) {
    //obj这个参数是弹出框的整个对象
    var screenWidth = $(window).width(), screenHeigth = $(window).height();
    //获取屏幕宽高
    var scollTop = $(document).scrollTop();
    //当前窗口距离页面顶部的距离
    var objLeft = (screenWidth - obj.width()) / 2;
    ///弹出框距离左侧距离
    var objTop = (screenHeigth - obj.height()) / 2 + scollTop;
    ///弹出框距离顶部的距离
    obj.css({
        left:objLeft + "px",
        top:objTop + "px"
    });
    obj.fadeIn(500);
    //弹出框淡入
    isOpen = 1;
    //弹出框打开后这个变量置1 说明弹出框是打开装填
    //当窗口大小发生改变时
    $(window).resize(function() {
        //只有isOpen状态下才执行
        if (isOpen == 1) {
            //重新获取数据
            screenWidth = $(window).width();
            screenHeigth = $(window).height();
            var scollTop = $(document).scrollTop();
            objLeft = (screenWidth - obj.width()) / 2;
            var objTop = (screenHeigth - obj.height()) / 2 + scollTop;
            obj.css({
                left:objLeft + "px",
                top:objTop + "px"
            });
            obj.fadeIn(500);
        }
    });
    //当滚动条发生改变的时候
    $(window).scroll(function() {
        if (isOpen == 1) {
            //重新获取数据
            screenWidth = $(window).width();
            screenHeigth = $(window).height();
            var scollTop = $(document).scrollTop();
            objLeft = (screenWidth - obj.width()) / 2;
            var objTop = (screenHeigth - obj.height()) / 2 + scollTop;
            obj.css({
                left:objLeft + "px",
                top:objTop + "px"
            });
            obj.fadeIn(500);
        }
    });
}

• jquery输入框验证

//udp://10.10.40.135:8888
function isRecordURL(value) {
    if(value.search(/^udp:\/\/((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?):([0-9]|[1-9]\d|[1-9]\d{2}|[1-9]\d{3}|[1-5]\d{4}|6[0-4]\d{3}|65[0-4]\d{2}|655[0-2]\d|6553[0-5])$/) == -1){
        return false;
    }else{
        return true;
    }
}
//名称不能包含特殊字符
function isRecordName(value) {
    var pattern = new RegExp("[`~!@#$^&*()=|{}_':;',\\[\\].<>/?~！@#￥……&*（）——|{}【】‘；：”“'。，、？]");
    var rs = ""; 
    for (var i = 0; i < value.length; i++) { 
        rs = rs+value.substr(i, 1).replace(pattern, ''); 
    }  
    if(rs==value){
        return true;
    }else{
        return false;
    }     
}