홈>2022-02-13 18:39source

javascript : jQuery 인라인을 어떻게 사용합니까?

이 code가 있습니다.

<p id= 'drop1' style='color:#008cba; background-color:#fffF00;'
onmouseover="show()" onmouseout="hide()" title="See more">Hi, my name is text 1.

효과가 있습니다.

하지만, 나는 그것을 쓰고 싶습니다제이쿼리. 나는 시도했다:

<p id= 'drop2' style='color:#008cba; background-color:#fffF00;'
$(this).attr('See more')>Hi, my name is text 2.

작동하지 않습니다.

쓰는 방법이 있나요?제이쿼리인라인 형식만?

두 번째 예는 넌센스입니다. show()/hide()가 실제로 무엇을 하는지 확인하십시오(예: $(this).show() 및 $(this).hide()). 이제 See more라는 속성을 얻으려고 합니다.

Justinas2022-02-13 17:17:29

죄송합니다. 이제 모범을 보인 것 같습니다. attr('자세히 보기') 내부의 값이 인라인으로 작동하지 않습니다. 왜 이런 일이 발생하는지 설명해 주시겠습니까?

neves2022-02-13 17:35:34

답변 # 1
일반적으로 HTML 요소와 함께 인라인 code를 삽입해서는 안 됩니다. 스크립트 요소와 적절한 이벤트 핸들러를 통합하는 것만큼이나 쉽습니다. 그러나 이것이 당신이 추구하는 것이라고 생각합니다.
```
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><p id="drop2" style="color: #008cba; background-color: #fffF00;"
    onmouseover="$(this).text('See more')"
    onmouseout="$(this).text('Hi, my name is text 2')">  Hi, my name is text 2
```
귀하의 예제가 작동하지 않는 이유는 jQuery가속성()메서드는 단일 인수를 전달할 때 해당 속성의 값을 검색하려고 시도합니다. HTML에는 그러한 속성이 없습니다.