jQuery 的 index() 方法返回指定元素相對于其他指定元素的索引值,注意:索引值是從0開始計數(shù)的。獲得當(dāng)前元素的索引值可用click事件觸發(fā) $(selector).click(function() { num = $(this).index();}示例代碼如下:獲取被點(diǎn)擊的a標(biāo)簽的索引值 創(chuàng)建...
為茂名等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù),及茂名網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為網(wǎng)站設(shè)計制作、成都網(wǎng)站制作、茂名網(wǎng)站設(shè)計,以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會得到認(rèn)可,從而選擇與我們長期合作。這樣,我們也可以走得更遠(yuǎn)!
1.創(chuàng)建sjp頁面:
tr
tdfont帳號:/font/td
tdinput type="text" name="username" ?id="username" value="" style="height: 20px;" onblur="checknames()"/td
/tr
2.編寫就是:
//校驗(yàn)用戶名是否唯一
function checknames(){
var names = $("#username").val().trim();
var len = names.length;
alert(len);
if(names == ""){
alert("4156145:"+names);
alert("用戶名不能為空!");
return ;
}
else{
var names = encodeURI(encodeURI(names));
alert("填寫了:"+names);
var url = "c:url value='/user/create.action'/?username=" + names;
alert(url);
$.ajax({
type: "post",
url: url,
dataType:'json',
success: function(data, textStatus){
if(data.success){
alert("恭喜可以注冊");
}
else{
alert(data.errorMsg);
}
}
});
}
}
3.效果圖:
JavaScript、jquery、angular、react是怎么實(shí)現(xiàn)獲取input輸入框中的值?
原生javascript : document.querySelector('input').value 這是瀏覽器提供的js訪問DOM對象的接口
jQuery主要為DOM選擇器做了封裝,簡化了語法,$('input').val()
vue、React、Angular都是采用了監(jiān)聽input的onChange事件實(shí)現(xiàn)了雙向/單向數(shù)據(jù)綁定實(shí)時獲取input中的值
原理上,所有的庫和框架都在內(nèi)部使用了原生javascript的方法獲取input中的值
var m9k = {};
m9k.GetLength = function(str) {
///summary獲得字符串實(shí)際長度,中文2,英文1/summary
///param name="str"要獲得長度的字符串/param
var realLength = 0, len = str.length, charCode = -1;
for (var i = 0; i len; i++) {
charCode = str.charCodeAt(i);
if (charCode = 0 charCode = 128) realLength += 1;
else realLength += 2;
}
return realLength;
};
// 執(zhí)行代碼:
alert(m9k.GetLength('測試測試ceshiceshi));
var content = $(‘div’).width();
//只是獲取content寬度
var contentWithPadding = $('div').innerWidth();
//獲取content+padding的寬度
var withoutMargin = $(‘div’).outerWidth();
//獲取content+padding+border的寬度
var full = $('div').outerWidth(true);
//獲取content+padding+border+margin的寬度