Jquery,javascript常用方法与特殊场景使用的方法

欢迎转载，评论，阅读，或者可以提出你们宝贵的建议，你们的评论建议支持，让我更有信心继续分享技术经验心得，转载请保留原文链接及作者，谢谢。

JS

调试

• 常用到的,浏览器控制台打印输出
  console.log(“”);

选择器

ID选择器：$(“#id”)
class选择器：$(“.class”)
父选择器：$(this).parents(“ul”)
同辈选择器：$(this).siblings(“li”)
子选择器：$(this).children(“li”)

操作元素

• 循环查询元素

$($(this).find("li").each(function () {
    console.log((this).html();
 });

• 追加元素

$($(this).append(html);

• 移除class

$(this).removeClass("class");

• 增加class

$(this).addClass("class");

• 获取属性值

var id = $(this).attr("id");

• 设置属性值

$(this).attr("id"，value);

常用的判断

• 判断元素是否隐藏

if($("p").is(":hidden")){};

• checkbox是否选中

if($("#checkboxId").is(":checked")){};

事件绑定

• select标签绑定事件

  $(".selected").change(function(){
    )}

• on绑定事件，绑定未来元素

$("#parentId").on("click",".childClass",function(){
})

常用设置

• 设置是否禁用disabled Button

  <button type="submit" disabled="true" id="buttonId" value="Submit" >确定</button>
  var isCheck=true;
  if(isCheck){
     $("#buttonId").attr("disabled",true);
  }else{
     $("#buttonId").attr("disabled",false);
  }

对象的创建

var id=123;
var name="test";
var person = {
                id: id,
                name: name,
            }

获取所有输入框、下拉框、单选的值

$("#id").find('input[name]').each(function () {	//获取输入框的值
    console.log((this).val());
});
$(scope.imallSearchParamId).find('select[name]').each(function () {  //获取下拉框的值
   console.log((this).val();
 });
$(scope.imallSearchParamId).find("input:radio:checked").each(function () { //获取单选的值
     console.log((this).val();
});

序列化

• 序列化对象

var obj = JSON.stringify(orderObj);

• 序列化form表单对象

var formObj = $("#ticketOrder").serialize();

请求方式

• ajax json提交方式

  var form = $("#form").serialize();
  $.ajaxSettings['contentType'] = "application/x-www-form-urlencoded; charset=utf-8";
  $.ajax({
     type: "POST",
     data: form,
     url: pageParam.ctx + "/tickets/submitOrder.json",
     success:function(data){
     },
     error: function (data) {
          if (XMLHttpRequest.status == 500) {
             var result = eval("(" + XMLHttpRequest.responseText + ")");
             alert(result.jsonError.errorText);
          }
     }
     });

定义命名空间方法

jQuery.test = function(){};
jQuery.test.getData = function (){
return “hello work”;
};

alert($.test.getData());