这个页面的代码看不懂。求助

Question

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<script type="text/javascript">
<!--
function changeAction(actionurl,t){
$('#proSearchForm').attr('action');
$('#proSearchForm').attr('action', actionurl);
if(t==1){
$('#mobile_price').attr('name', 'mobile_price');
}else{
$('#mobile_price').attr('name', 'preStoredHfee');
}

}
function changePrice(v){
$('#mobile_price').val(v);
}
function changeBrand(v){
$('#mobile_brand').val(v);
}
function changeSize(v){
$('#mobile_size').val(v);
}

//-->
</script>
<form action="${pageContext.request.contextPath}/shop/product/product_new/prestorehfeePhone.do" id="proSearchForm" name="proSearchForm" method="post">
<input type="hidden" id="mobile_price" name="preStoredHfee" value=""/>
<input type="hidden" id="mobile_brand" name="mobile_brand" value=""/>
<input type="hidden" id="mobile_size" name="mobile_size" value=""/>
</form><div class="jxind_midtop_l index_spfl">
                    <p class="new_spfl">商品搜索</p>
                    <!--商品分类-->
                    <dl>
                         <dt><img src="${pageContext.request.contextPath}/zbimages/hdlx.gif" /><span class="fbold">活动类型</span></dt>
                         <dd>
                            <ul class="ind_price">
                                <li class="hover" onclick="javascript:changeAction('${pageContext.request.contextPath}/shop/product/product_new/prestorehfeePhone.do',0)">预存送机</li>
                                <li onclick="javascript:changeAction('${pageContext.request.contextPath}/shop/product/product_new/showOnlyPhone.do',1)">特惠热卖</li>
                            </ul>
                         </dd>                
                    </dl>
                   
                    <dl>
                         <dt><img src="${pageContext.request.contextPath}/zbimages/jiage.gif" /><span class="fbold">价格</span></dt>
                         <dd>
                            <ul class="ind_price">
                                <li class="hover" onclick="changePrice('');">全部</li>
                                <li onclick="changePrice('0');">1000元以下</li>
                                <li onclick="changePrice('1');">1001-2000元</li>
                                <li onclick="changePrice('2');">2001-3000元</li>
                                <li onclick="changePrice('3');">3001-4000元</li>
                                <li onclick="changePrice('4');">4001-5000元</li>
                                <li onclick="changePrice('5');">5000元以上</li>
                            </ul>
                         </dd>                
                    </dl>
                    
                    <dl>
                         <dt><img src="${pageContext.request.contextPath}/zbimages/pinpai.gif" /><span class="fbold">品牌</span></dt>
                         <dd>
                            <ul class="ind_price">
                             <li class="hover" onclick="changeBrand('');">全部</li>           
                                <li onclick="changeBrand('HTC');">HTC</li>
                                <li onclick="changeBrand('P');">苹果</li>
                                <li onclick="changeBrand('M');">摩托罗拉</li>
                                <li onclick="changeBrand('SX');">三星</li>
                                <li onclick="changeBrand('F');">联想</li>
                                <li onclick="changeBrand('T');">天宇</li>
                                <li onclick="changeBrand('K');">酷派</li>
                                <li onclick="changeBrand('G');">LG</li>
                                <li onclick="changeBrand('L');">TCL</li>
                                <li onclick="changeBrand('N');">诺基亚</li>
                                <li onclick="changeBrand('W');">华为</li>
                                <li onclick="changeBrand('H');">海信</li>
                                <li onclick="changeBrand('Z');">中兴</li>
                            </ul>
                         </dd>                
                    </dl>
                    <dl>
                         <dt><img src="${pageContext.request.contextPath}/zbimages/td.gif" /><span class="fbold">主屏尺寸</span></dt>
                         <dd>
                            <ul class="ind_price">
                                <li class="hover" onclick="changeSize('');">全部</li>
                                <li onclick="changeSize('0');">4.0英寸以上</li>
                                <li onclick="changeSize('1');">3.6-4.0英寸</li>
                                <li onclick="changeSize('2');">3.1-3.5英寸</li>
                                <li onclick="changeSize('3');">2.6-3.0英寸</li>
                                <li onclick="changeSize('4');">2.1-2.5英寸</li>
                                <li onclick="changeSize('5');">2.5英寸以下</li>
                            </ul>
                         </dd>                
                    </dl>
                    <p class="tcenter mt15"><input type="button" class="jxbtn_ck" value="搜手机" onclick="document.proSearchForm.submit();"></p>
                </div>

Answer 1

attr() 方法设置或返回被选元素的属性值。
val() 当参数为空时是取值，否则就是赋值“$”是jquery中的语法，   可以去看看jquery就明白了

Answer 2

jquery， 下个文档去啃吧，相信你能啃下来

Answer 3

jquery 的代码，我也正在看，ＬＺ可以看看

Answer 4

js中的$是jQuery，然后body中的$是el表达式把

Answer 5

$(ele)不一定就是jquery中的，自己写的 js框架也有的，前面应该少了引用js库的<script src="..."></script>吧，body中的${}应该是jsp中的el表达式，你应该先找到那个js库

Answer 6

这里主要涉及到jquery和el表达式两部分知识，楼主看看这两部分知识应该就能看懂这个代码了