JavaScript和jQuery笔记

1.$(document).ready(function(){                })是什么？

        简写$(function(){        })，是jquery里面的一个写法，当页面DOM树加载完毕之后触发。注意的是它是dom数加载完毕，并不是页面所有资源加载完毕，例如图片，音视频等还没加载前触发。
window.onload是js原生的页面所有资源加载完毕才会触发。

        $(function(){})可以写多次，可以触发多次。window.onload只触发一次，后面的会顶掉前面的，只执行最后一个。

2.change和onchange、click和onclick的区别？

        onchange和onclick都是js方法

<input  onchange=""></input>   <input  onclick=""></input>

        change和click是jquery方法

$('').change（function（{}））或者;    $('').click（function（{}））

3.设置值和获取值

//获取值
	Time1str = $("#ctl03_ctl00_G0_G17_G19_ctl07").val();
//设置值
	$("#ctl03_ctl00_G0_G17_G19_ctl10").val("时间输入错误！").trigger("onchange");

4.转换成指定的时间格式

Date.prototype.Format = function (fmt) { 
    var o = {
        "M+": this.getMonth() + 1, //月份 
        "d+": this.getDate(), //日 
        "h+": this.getHours(), //小时 
        "m+": this.getMinutes(), //分 
        "s+": this.getSeconds() //秒 
    };
    if (/(y+)/.test(fmt)){ //根据y的长度来截取年
	fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    }
    for (var k in o){
	if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
    }
    return fmt;
}

new Date(ScheduledCompletionDate).Format("yyyy/MM/dd hh:mm:ss");

5.设置文本框可编辑和不可编辑

//设置属性成--不可编辑
$("#ctl03_ctl00_G0_G18_G20_ctl05").attr("disabled",true);
//设置属性成--可编辑
$("#ctl03_ctl00_G0_G18_G20_ctl04").attr("disabled",false);

6.给input元素添加属性,展示提示信息,并设置该提示信息的样式

<script>
	$('.fc_DurationControlMaxPeriod_EDIT input').attr("placeholder","分钟");
</script>

//css给placeholder属性添加样式
//居右显示，更改字体颜色
::-webkit-input-placeholder{
	text-align: right;
	color: #3D3D3D;
}

7.查看选中的一行数据中有没有想要的数据

    $(function(){
        //获得gril
		let grid =$(".DynamicGrid");
        //选中执行事件
		grid.dgAttachHandler("selection",changeButtonDesc);
		function changeButtonDesc(e){
		     
             //  dgSelected()[0]--选择选中所有数据的第一行数据
             //，outerText      --提取所有值
             //，split          --所有值转换为数组
             //，includes       --判断是否包含“检验完成”
			 if($(e).dgSelected()[0].outerText.split('\n').includes("检验完成")){
			 		$(".IMPLEMENT span").text('查看')
			 }else{
			 		$(".IMPLEMENT span").text('执行')
			 }
		}
	})

8.$('【.Class】').val(); 和 $('【.Class】').text(); 的区别？

前者用来获取或者设置 表单标签中的值。
后者用来获取或者设置 标签内的文本内容。

9.window.open()打开窗口的几种方式 

window.open()打开窗口的几种方式_windows.open_赵啸林的博客-CSDN博客

//想设置弹出的窗口居中显示，怎么设置？

var iwidth = 556;	//设置弹出窗口宽度
var iheight = 800;	//设置弹出窗口高度
var iTop = (window.screen.availHeight - iheight)/2	//设置弹出窗口的垂直位置
var iLeft = (window.screen.availWidth - iwidth)/2 	//设置弹出窗口的水平位置
		
window.open(a, "_blank","height="+iheight+",width="+iwidth+",top="+iTop+",left="+iLeft);

10.获取焦点执行方法

onFocus="this.blur()"

/*onFocus即获取焦点的意思，
而blur却是失去焦点的意思，
因此onFocus="this.blur()"的通俗理解就是：当获取焦点时立即失去焦点;
在此基础上，可以将 this.blur() 更换成别的方法,这样可以实现获取焦点时立刻执行某些方法。*/

11.选择器的使用小技巧

1.在界面上 F12 选择到按钮，然后复制它的class(例如：Control fc_AAA)，js里面就可以通过$(".Control.fc_AAA")来选择按钮。

2.$(".XXX").removeAttr("onclick")；  可以移除Onclick()事件。

12.Jquery中Ajax的使用

$.ajax()方法详解-CSDN博客

    $.ajax({
        url: window.location.origin + CheckBarcodeType,
        type: "post",
        async: false,
        data: { "Barcode": ScanBarcode, "TypeLimits": "EQUIPMENT,TOOL,COMPONENT" },
        success: function (result, status) {
            if (result.IsSuccess) {
                BarcodeType = result.Data.BarcodeType;
                if (result.Data.WarningInfo) {
                    ShowWarningInfo(result.Data.WarningInfo, Context);
                };

            }
            else {
                ShowErrorInfo(result.Message, Context)
            }
        },
        error: function (error) {
            ShowErrorInfo(error, Context)
        }
    });

//列子：PRD.S.Workstation_Index --> PRD.O.Workstation_HEADForm

13.js 里 this 的理解 

//js 里 this 的理解：
//普通函数（谁调用了，this就指向谁）
//箭头函数（不管谁调用this,在全局作用域下this指向的都是Windows）
  FunTest = {
      fun : function(){console.log(this)},
      fun1 : () =>{console.log(this)}
  }
  console.log(FunTest.fun());     //{fun: ƒ, fun1: ƒ}
  console.log(FunTest.fun1());    //Window {window: Window, self: Window, document: document,location: Location, …}

$$.问题总结

jquery怎么监视class发生变化？
checkbox发生变化(被选中)怎么触发事件？
jquery如何判断选择器是否获取到对象？
定位属性 position：static 和别的有什么区别？		
style里面设置了宽度 是 display：inline 为什么会使设置的宽度失效？			display分为块元素和行元素还有行级块元素，行元素会占用一整行所以设置的宽度会失效