this.elem.find('input[type="checkbox"]')[0].checked
$("#jd"+gcjd).parent().find('i.lfpj-icon').addClass('green-radio').removeClass("grey-icon");
find 支持正则查找元素 eg:下面通过正则查找i元素
obj.find('*[i]')
$o('[time]')
01\表列隐藏 $('.td_3').hide();
02\多选框 选中与表格显示
//触发显示
$(".th_ts").click(function(){
if($(".th_ts").attr("checked")){
$(".th_ts").removeAttr("checked");
$('.td_ts').hide();
}else{
$(".th_ts").attr("checked",'true');
$('.td_ts').show();
}
});
03\ a 连接提交表单
jQuery(function($) {
$("#btnsub").click(function(){
$("form[name='searchForm']")[0].submit();
})
});
04\客户端调用原生H5的JS方法
<a onclick=Android.more();>查看更多必读</a>
其中 Android.more() 是安卓提供的函数
05、ajax 异步调用
$.ajax({
url:"../showlog/Ajaxiid",
type : 'POST',
data : {
dataArr:dataArr,
thistype:thistype,
thisproj:thisproj
},
dataType : 'text',
contentType : 'application/x-www-form-urlencoded',
async : false,
success : function(mydata2) {
console.log("success");
console.log(mydata2);
values = $.parseJSON(mydata2);
for(var ele in values){
//alert(values[ele]);//下标
if(values[ele] == inpost['node']){
str += '<option selected="" value="'+values[ele]+'">'+values[ele]+'</option>';
}else{
str += '<option value="'+values[ele]+'">'+values[ele]+'</option>';
}
}
},
error : function() {
alert("calc failed");
}
});
06、学习 JQ 中添加样式与删除样式 addClass(),removeClass()
07、JQ 判断字符串包含某字符if(url.indexOf(b) >=0){}
08、JQ 获取index 值index $('#yw0 a').index($(this)
09、获取文本档中的值 $('input[name=page]').val();
10、js 字符串分割
arrstr =txt.split(",");
11、判断某样式是否包含指定样式
jQuery(".active").hasClass('jbtn')
12、显示与隐藏
jQuery(".jBox-image-btn").css({display:"block"});
13、传值
jQuery("#jBoxcid").val(tt);
14、表单提交 $('#searchForm').submit();
01、获取指定输入框值
$('input[name=bsid]').val();
02、获取指定标签中的值与删除指定标签中的值
var th = $('.set_th').attr('data-th');
$(".fa").removeAttr("checked");
03、添加样式 与 删除样式
$('#yw0 a').eq(_index).parent().addClass('active');
$('.pagesAjax').find('ul li').removeClass("active");
04、获取当前INDEX 值
var _index = $('#yw0 a').index($(this));
05、显示与隐藏 div, 样式
$('.javaid').show();
$('.javaid').hide();
06、PHP 传值给JS
var inpost = <?php echo json_encode($inpost); ?>;
07、获取父级元素的值
$('a').parent().addClass('active');
08、获取同级元素的值
001、获取同级元素上一个元素值 var txt = $(this).prev().html();
002、获取同级元素前面所有元素值 var txt = $(this).prevAll().html();
003、获取同级元素下一个元素值 var txt = $(this).next().html();
004、获取指定元素后边所有同级元素值 var txt = $(this).nextAll().html();
005、获取指定元素后边所有同级元素值(包括当前元素) var txt = $(this).nextAll().andSelf().html();
09、获取子元素
001、 var aNods = $("ul > a"); 查找UL 下的所有A 标签
002、 children();
003、 find();
10、字符串转换JSON 对象
var txt = $(this).prev().html();
try{
var obj = eval("("+txt+")");
var neirong = '<pre>' + JSON.stringify(obj,null,4) + '</pre>';
<!--弹出窗-->
cwxbox.box.show(neirong);
}catch(e){
}
11、表单提交
$('#searchForm').submit();
12、 AJAX 请求
$.ajax({
url: "/showlog/Ajaxenv",
type: 'POST',
data: {
dataArr:dataArr,
},
dataType: 'text',
contentType: 'application/x-www-form-urlencoded',
async: false,
success: function (mydata) {
values = $.parseJSON(mydata);
aggs = values;
for (var ele in values) {
if (inpost['_type'] == ele) {
str += '<option value="' + ele + '">' + ele + '</option>';
}
},
error: function () {
alert("calc failed");
}
});
13、JS 字符串中过滤HTML 标签
var start_ptn =/<\/?[^>]*>/g; //开始标签
var end_ptn =/[ | ]*\n/g;//结束标签
var space_ptn =/ /ig;//最终结束符
var c1 =val.replace(start_ptn,"").replace(end_ptn).replace(space_ptn);
/ig 含义是在全局模式下进行不区分大小写查询,
g 代表全局,
i 代表不区分大小写
1、JQ
$("p").focus(fn)
$("p").blur(fn)
001、clone() 方法生成被选元素的副本,包含子节点,文本和属性
eg: $(selector).clone(bool)
002、unbind() 方法移除被选元素的事件处理程序
eg:$(selector).unbind(event,function)
003、bind() 方法为被元素添加一个或多个事件处理程序,并规定事件发生时运行的函数
eg:$("button").bind("click",function(){
$("p").slideToggle();
});
当点击鼠标时,隐藏或显示P元素
004、多个节点绑定同一事件
eg:$("#begin,#end").keyup(function(){...});
005、HTML 标签原样输出方法
var tmp = $("#text_id").text(val).html();
006、正则表达式批量替换
var end_ptn2 = /<\/span>/g;
var end_ptn3 = /<\/font>/g;
var tmp2 =tmp1.replace(start_ptn3,'<font style="color:red">').replace(end_ptn3,'</font>');
JS随机生成
function getRandom(n){
return Math.floor(Math.random()*(n+1));
}
1、元素定位
scrollIntoView()
2、禁止页面拖动
$('body').addClass('boxover2');
.boxover2{
overflow: hidden;
}
// 禁止滑动
function touch(e){
e.preventDefault();
e.stopPropagation();
}
//添加监听
function touchAPP(jinzhi){
if(!jinzhi){
document.body.addEventListener("touchmove",touch,false);
}else{
document.body.removeEventListener("touchmove",touch,false);
}
}
1、JQ 添加元素
001、里面添加
里面添加前面 append ,appendTo
里面添加后面 prepend,prependTo
002、外面添加
外面添加前面 before ,insertBefore
外面添加后面 after,insertAfter
1、JS 检查字符串是否包含某字符
str.indexOf('*')>0
2、正则表达式
telRegexp = /^(1[3|4|5|7|8])[\d]{9}$/; -->13824122339
telRegexp = /^(1[3|4|5|7|8])[\d][\*]{4}[\d]{4}$/;-->138****1234
telRegexp.test(str);
var pwRegexp = /^[A-Za-z0-9]{6,20}$/;
var telRegexp2 = /^(1[3|4|5|7|8])[\d][\*]{4}[\d]{4}$/;