Jquer 选择器练习.docVIP

Jquery 选择器练习 %@ page language=java contentType=text/html; charset=UTF-8 pageEncoding=UTF-8% !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd html head meta http-equiv=Content-Type content=text/html; charset=UTF-8 title登录页面/title script type=text/javascript src=js/jquery-1.11.3.js/script /head body style=background-color: green script type=text/javascript $(document).ready(function() { $(#p1).click(function() { $(this).hide(); }); }); //修改form的action属性 改为注册 function register() { $(#username).alert(dd); document.getElementById(form).setAttribute(action, ${pageContext.request.contextPath}/registerServlet); } //动态添加元素 function addElement() { $(input).attr(type, button).attr(value, a new button) .appendTo(form); } //修改颜色 function changeCol() { $(p).css(background-color, red); } //jquery 选择器练习 //$(this) 当前 HTML 元素 //$(p) 所有 p 元素 //$(ro) 所有 class=intro 的 p 元素 //$(.intro) 所有 class=intro 的元素 //$(#intro) id=intro 的元素 //$(ul li:first) 每个 ul 的第一个 li 元素 //$([href$=.jpg]) 所有带有以 .jpg 结尾的属性值的 href 属性 //$(div#intro .head) id=intro 的 div 元素中的所有 class=head 的元素 function jqueryTest() { // $(#table).css(background-color, red); // $(#table).attr(aa, aaa); //选取所有 class属性为p的p标签 //$(p.p).css(background-color, yellow); //选取所以含有id属性的元素 //$([id]).css(background-color,yellow); //id不等于p的所以元素 //$([id!=p]).css(background-color,yellow); $(button[id=button]).html(ssss).css(background-color,yellow); //绑定鼠标事件 $(olli).css(background-color,red).mouseover( function(){ $(this).css(background-color,yellow); }); //alert(function exc over!); return 0; } /script div style=text-align: center; margin: 0 auto; width: 800px; height: 200px; position: absoulte; form id=form action=${pageContext.req