- 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;
}
}