일반적이고 중요한 jQuery 메소드 요약_jquery

1.jquery 데이터(이름)

data() 메서드는 선택한 요소에 데이터를 추가하거나 선택한 요소에서 데이터를 가져옵니다.

$("#btn1").click(function(){
 $("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
 alert($("div").data("greeting"));
});

2.jquery 인수

인수는 배열과 유사한 객체인 실제 매개변수 객체에 대한 참조입니다.

인수의 인덱스는 0, 1,2,....부터 실제 매개변수에 하나씩 증가합니다.

arguments.length 속성은 실제 매개변수의 수를 나타냅니다

인수는 배열이 아니어야 하며 길이 속성도 있지만 길고 배열처럼 보이는 객체여야 합니다.

인수는 모든 함수에서 발견됩니다. 따라서 인수는 내부적으로만 자체 인수를 찾고 외부 인수를 참조할 수 없습니다.

// 求圆形面积,矩形面积, 三角形面积
　　function area () {
　　if(arguments.length == 1) {
　　alert(3.14 * arguments[0] * arguments[0]);
　　} else if(arguments.length == 2) {
　　alert(arguments[0] * arguments[1]);
　　} else if(arguments.length == 3) {
　　alert(arguments[0] + arguments[1] + arguments[2]);
　　} else {
　　return null;
　　}
　　}


//调用
　　area(10,20,30);

3.jquery target() event.target

target 속성은 이벤트를 트리거한 DOM 요소를 지정합니다.

$("p, button, h1, h2").click(function(event){
 $("div").html("Triggered by a " + event.target.nodeName + " element.");
});
<p></p>
<button></button>
<h1></h1>
<h2></h2>
//当点击p标签的时候显示：点击事件由 P 元素触发
....

4.jquery 트리거(이벤트,[매개변수 1, 매개변수 2,...])

trigger() 메서드는 선택한 요소의 지정된 이벤트 유형을 트리거합니다. (이벤트를 사용자 정의할 수 있고 매개변수를 전달할 수 있습니다.) 사용자 정의 이벤트는 매우 중요하고 유용합니다!

 //myEvent为自定义事件名
    $("#p1").bind("myEvent",function(str1,str2) {
        alert(str1 + ' ' + str2); 
     }); 
     $("#p1").trigger("myEvent",["Hello","World"]); 
//也可以这样写：
　　　 $("#p1").bind("myEvent",function(str1,str2) {
        alert(str1 + ' ' + str2); 
     }).trigger("myEvent",["Hello","World"]); 

5.js 하위 문자열(시작, 중지)

substring() 메서드는 문자열에서 지정된 두 첨자 사이의 문자를 추출하는 데 사용됩니다.

substring() 메서드에서 반환된 하위 문자열에는 시작 부분의 문자가 포함되지만 중지 부분의 문자는 포함되지 않습니다.

var str="Helloworld!"
document.write(str.substring(3,7))
//结果
lowo
var str="Hello world!"//有两个空字符
document.write(str.substring(3,7))
//结果
lo
//两者的结果有区别，字符串之间的空字符串占用索引！

정류장에 r 문자가 없는 걸 잘 보세요!

중요: Slice() 및 substr() 메서드와 달리 substring()은 음수 인수를 허용하지 않습니다.

6.js 슬라이스(시작,중지)

slice() 메소드는 문자열의 특정 부분을 추출하고 추출된 부분을 새로운 문자열로 반환합니다. 중지 부분의 문자를 제외하고 위의 하위 문자열과 동일합니다.

또 다른 차이점은 시작과 중지가 음수를 사용할 수 있다는 것입니다! 즉, -1은 문자열의 마지막 문자를 나타내고, -2는 마지막에서 두 번째 문자를 나타내는 식입니다.

data() 메서드는 선택한 요소에 데이터를 추가하거나 선택한 요소에서 데이터를 가져옵니다.

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.