> 웹 프론트엔드 > 프런트엔드 Q&A > Jquery가 이것을 사용할 수 있나요?

Jquery가 이것을 사용할 수 있나요?

青灯夜游
풀어 주다: 2022-12-12 18:03:09
원래의
2559명이 탐색했습니다.

jquery는 이것을 사용할 수 있습니다. jquery에서 이는 현재 컨텍스트 객체가 html 객체임을 나타내며, html 객체가 소유한 속성과 메서드를 호출할 수 있으며 "$(this)" 문을 사용하여 html 요소를 jquery 객체로 바꿀 수 있습니다. 그런 다음 jquery 메서드를 사용하여 현재 개체를 처리합니다. 구문은 "$(this).jquery 메서드 이름();"입니다.

Jquery가 이것을 사용할 수 있나요?

이 튜토리얼의 운영 환경: windows7 시스템, jquery3.6.1 버전, Dell G3 컴퓨터.

jquery는 이것을 사용할 수 있습니다.

jquery에서 이는 현재 컨텍스트 개체가 html 개체임을 나타내며, html 개체가 소유한 속성과 메서드를 호출할 수 있습니다. jquery中,this表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性、方法。

例如:

this.className
this.style.display
this.id = 'header'
this.remove()
로그인 후 복사

具体示例:

$("#textbox").hover(
    function() {
        this.title = "Test";
        
  },
    fucntion() {
        this.title = "OK”;
  }
);
로그인 후 복사

上面的this是一个Html 元素(textbox),textbox有text属性,所以可以直接使用this.title = 'test'进行赋值,这样写是完全没有什么问题的。【推荐学习:jQuery视频教程

但是如果将this换成$(this)就不是那回事了,就会报错了。 以下写法是错误的:

$("#textbox").hover(
    function() {
        $(this).title = "Test";
  },
    function() {
        $(this).title = "OK";
  }
);
로그인 후 복사

这里的$(this)是一个JQuery对象,而jQuery对象沒有title 属性,因此这样写是错误的。 JQuery拥有attr()方法可以get/set DOM对象的属性,所以正确的写法应该是这样:

$("#textbox").hover(
    function() {
        $(this).attr('title', 'Test');
    },
    function() {
        $(this).attr('title', 'OK');
    }
);
로그인 후 복사

使用JQuery的好处是它包裝了各种浏览器版本对DOM对象的操作,因此统一使用$(this)而不再用this应该是比较不错的选择。

说明:

$()在JQuery中相当于JQuery(),即$(this)=jquery();也就是说,这样可以返回一个jquery对象。那么,当你在网页中alert($('#id'));时,会弹出一个[object Object ]

예:

<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();//$(this)是在方法click内,此处的$(this)表示的是当前调用click方法的对象$("p"),就是表示当前对象,当前调用该方法的对象
  });
});
</script>
</head>
<body>
<p>如果您点击我,我会消失。</p>
<p>点击我,我会消失。</p>
<p>也要点击我哦。</p>
</body>
</html>
로그인 후 복사
구체적인 예:

rrreeeJquery가 이것을 사용할 수 있나요?위는 Html 요소(텍스트 상자)입니다. 텍스트 상자에는 텍스트 속성이 있으므로 this.title = 'test'를 직접 사용하여 할당할 수 있습니다. 전혀 문제없다고 쓰여있습니다. [추천 학습: jQuery video tutorial

]

그러나 만약 this는 $(this)로 대체되며, 그렇지 않으며 오류가 보고됩니다. 다음 쓰기가 잘못되었습니다: rrreee$(this) 여기 JQuery 개체가 있는데, jQuery 개체에는 제목 속성이 없으므로 이 쓰기가 잘못되었습니다. JQuery에는 DOM 개체의 속성을 가져오거나 설정하는 attr() 메서드가 있으므로 이를 작성하는 올바른 방법은 다음과 같아야 합니다. rrreee

JQuery 사용의 장점은 DOM 개체에 대한 다양한 브라우저 버전의 작업을 패키지화한다는 것입니다. 따라서 이것을 사용하는 대신 $( 균일하게 this)를 사용하는 것이 더 나은 선택이 될 것입니다. 🎜🎜🎜설명: 🎜🎜🎜$()는 JQuery의 JQuery()와 동일합니다. 즉, $(this)=jquery();즉, jquery 객체를 반환할 수 있습니다. 그런 다음 웹페이지에서 <code>alert($('#id'));를 실행하면 [object Object]가 팝업됩니다. 이 개체 개체도 jquery입니다. 물체. . 🎜🎜예제는 다음과 같습니다🎜rrreee🎜🎜🎜🎜[추천학습: 🎜jQuery video🎜, 🎜web front-end development🎜]🎜

위 내용은 Jquery가 이것을 사용할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿