jQuery는 휴대폰 Sina Weibo 채팅 인터페이스를 모방합니다.

이것은 매우 간단한 Weibo 모바일 채팅 인터페이스 템플릿으로, jQuery는 모바일 Sina Weibo 채팅 대화 스타일 코드를 모방합니다.
/*메시지 보내기*/
함수 보내기(headSrc,str){
var html="<div class='send'><div class='msg'><img src="+headSrc+" />"+
"<p><i class='msg_input'></i>"+str+"</p></div></div>";
upView(html);
}
/*메시지 수락*/
함수 표시(headSrc,str){
var html="<div class='show'><div class='msg'><img src="+headSrc+" />"+
"<p><i class='msg_input'></i>"+str+"</p></div></div>";
upView(html);
}
/*업데이트 보기*/
함수 upView(html){
$('.message').append(html);
$('body').animate({scrollTop:$('.message').outerHeight()-window.innerHeight},200)
}
함수 sj(){
반환 parInt(Math.random()*10)
}
$(함수(){
$('.footer').on('keyup','input',function(){
if($(this).val().length>0){
$(this).next().css('배경','#114F8E').prop('disabled',true);

}그밖에{
$(this).next().css('배경','#ddd').prop('disabled',false);
}
})
$('.footer p').click(function(){
show("./images/touxiangm.png",$(this).prev().val());
테스트();
})
})

/*테스트 데이터*/
var arr=['나는 샤오Q입니다','오랫동안 연락이 없습니다! ', '내 생각하고 있니', '나한테 말 좀 걸어봐', '잠시 얘기 좀 하자'];
var imgarr=['images/touxiang.png','images/touxiangm.png']
테스트()
기능 테스트(){
$(arr).each(함수(i){
setTimeout(함수(){
send("images/touxiang.png",arr[i])
},sj()*500)
})
}

Jquery는 웹 프로그래밍에 필요한 중요한 기술 중 하나입니다. Jquery는 프로토타입 이후의 또 다른 뛰어난 Javascrīpt 프레임워크입니다. CSS3 및 다양한 브라우저와 호환되는 경량 js 라이브러리입니다. jQuery를 사용하면 사용자는 HTML 문서 및 이벤트를 보다 쉽게 ​​처리하고, 애니메이션 효과를 구현하고, 웹 사이트에 AJAX 상호 작용을 쉽게 제공할 수 있습니다. jQuery의 또 다른 큰 장점은 문서가 매우 완벽하고 다양한 애플리케이션이 자세히 설명되어 있다는 점입니다. 선택할 수 있는 성숙한 플러그인도 많이 있습니다. jQuery는 사용자 HTML 페이지의 코드와 HTML 콘텐츠를 분리하여 유지할 수 있습니다. 즉, 명령을 호출하기 위해 HTML에 여러 개의 js를 삽입할 필요가 없습니다.