jquery常用知识点

最新推荐文章于 2023-10-13 18:00:25 发布

原创最新推荐文章于 2023-10-13 18:00:25 发布 · 789 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #json #string #input #action #function

前端开发专栏收录该内容

24 篇文章

订阅专栏

本文深入探讨了前端开发的关键技术和实战经验，包括HTML、CSS、JavaScript等基础语言的应用，以及Vue、React、Angular等现代框架的使用技巧。通过具体实例，展示了如何优化用户体验和网站性能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.跳转

$("a").attr("href", "")

2.取值

$("a").attr("value");

3.页面跳转+传参！！！！

$("#sub_z").attr("href","../zsg/t_zsg!add?id="+$('#id').attr('value')+"&name="+$('#name').attr('value')+"&pwd="+$('#pwd').attr('value')+"&score="+$('#score').attr('value'));

最好将一个&改成&&否则会乱码，不能正确传递

4.传递多个参数时注意加个‘’

onclick="gshow('${teA.teId}','${teA.teName}','${teA.tePwd}','${teA.score}')"

5.url乱码

action中加request.setCharacterEncoding("UTF-8");解决。。。

6.radio取值

<script type="text/javascript">
    function check(pid,currentPage){
       var allInput = document.getElementsByTagName("input"); //获得所有的input
       var loopTime = allInput.length; //获得数量
       var my_array = new Array();//存储选项的值
    var count=0;
    var countOfChecked=0;
       for(i = 0;i < loopTime;i++){
       if(allInput[i].type == "radio")//只对radio进行检查
       if(allInput[i].checked==true){ //如果被选择
                          my_array[count++]=allInput[i].value;//记录所选的值
                          countOfChecked++
                    }
       }
       if(countOfChecked==0){//都没选择
       alert("您还没有选择执行结果");
       }else{
       
        document.location="AddResultsServlet?status=all&pid="+pid+"¤tPage="+currentPage+"&array="+my_array;  
        }
    }
  </script>

这是我自己一个程序里的一段，你可以参考一下，一模一样
传到后台后
String array=request.getParameter("array");
  if(array!=null){
   array=new String(array.getBytes("ISO-8859-1"),("GBK"));
  }
String Tid[]=array.split(",");
传回去的需要分割
这样你就得到你要的选项的值了

7.json的问题：不执行success，执行complete和error

你的json格式不标准

response.getWriter().write("{'success':'true','msg':'用户名或者密码错误!'}");

response.getWriter().write("{'success':'true','msg':'用户名或者密码错误!'}");

fire_wang (中级程序员) 2011-10-29

你是不是要action处理之后不跳转到其他页面？你的action中应该是return null；

fire_wang (中级程序员) 2011-10-29

如果不行的话，你也可以试试getJSON

fire_wang (中级程序员) 2011-10-29

不用execute这个默认方法自己取个方法名，用void 不要返回。

AngelAndAngel (资深架构师) 2011-11-02

dataType:'json' 这是，你服务器端传回来的只是个字符串，并不是JSON对象，。要么你就在服务器端用个JSON插件把String转成JSON，要么就在页面里用eval函数把字符串转成JSON对象，即data=eval(data); alert(data.msg);

tb4219003 (初级程序员) 2011-11-11

自己手动重写一次!(可能是tab 键或一些特别的东东我也出现过这样的问题)

yitian_web (初级程序员) 2011-11-1

架构师的可用，但返回不了返回值，于是修改如下

这样就好了。。。。。。

8、jquery自定义函数

9、jQuery实现可编辑的表格（原文）

[html] view plain copy

html代码如下：

[html] view plain copy

<body>
<div align="center">
<table border="1px">
<thead>
<tr>
<th>
姓名
</th>
<th>
性别
</th>
<th>
年龄
</th>
</tr>
</thead>
<tbody>
<tr>
<td>redarmy7</td>
<td>M</td>
<td>22</td>
</tr>
<tr>
<td>redarmy6</td>
<td>M</td>
<td>22</td>
</tr>
<tr>
<td>redarmy5</td>
<td>M</td>
<td>22</td>
</tr>
<tr>
<td>redarmy4</td>
<td>M</td>
<td>22</td>
</tr>
<tr>
<td>redarmy3</td>
<td>M</td>
<td>22</td>
</tr>
<tr>
<td>redarmy2</td>
<td>M</td>
<td>22</td>
</tr>
</tbody>
</table>
</div>
</body>

JS代码如下：

[javascript] view plain copy

$(document).ready(function() {
// 首先实现表格的各行换色
// even返回的是偶数但是在表格中实际代表的是奇数行
// 匹配所有索引值为偶数的元素，从 0 开始计数
$("tbody>tr:even").css("background-color", "antiquewhite");
// odd返回的是奇数但是在表格中实际代表的是偶数行
// 匹配所有索引值为奇数的元素，从 0 开始计数
$("tbody>tr:odd").css("background-color", "aquamarine");
// 找到 tbody中所有的td操作
var $tds = $("tbody td");
// 给$tds注册点击事件
$tds.click(function() {
// 获取被点击的td
var $td = $(this);
// 检测此td是否已经被替换了，如果被替换直接返回
if ($td.children("input").length > 0) {
return false;
}
// 获取$td中的文本内容
var text = $td.text();
// 创建替换的input 对象
var $input = $("<input type='text'>").css("background-color",
$td.css("background-color")).width($td.width());
// 设置value值
$input.val(text);
// 清除td中的文本内容
$td.html("");
$td.append($input);
// 处理enter事件和esc事件
$input.keyup(function(event) {
// 获取当前按下键盘的键值
var key = event.which;
// 处理回车的情况
if (key == 13) {
// 获取当当前文本框中的内容
var value = $input.val();
// 将td中的内容修改成获取的value值
$td.html(value);
} else if (key == 27) {
// 将td中的内容还原
$td.html(text);
}
});
});
});