1 在php的mvc模式中通常需要做数据异步处理,其中也包含了对htm页面的操作,下面是近期长用到的jq操作,后续会继续补充
2
3 1:修改input框的value值
4 <input type = "hidden" value = "" id = "questionID"/>
5 $('#questionID').val("0506"); //修改input框的value值
6
7 2:获取input框的value值
8 <input type = "hidden" value = "0506" id = "questionID"/>
9 $('#questionID').val(); //获取input框的value值
10
11 3:修改标签内的html代码
12 <span id = "title"></span>
13 $('#title').html("好好学习"); //修改标签内的html代码
14
15 4:获取第一个匹配元素的html内容
16 <span id = "title">好好学习</span>
17 $('#title').html(); //获取第一个匹配元素的html内容
18
19 5:修改标签内属性的值
20 <a href = "" title = "查看原页面" target = "_blank" id = "qurl">
21 $("#qurl").attr("href", "http://www.####.com/"); //修改标签内属性的值
22
23 6:获取标签第一个匹配元素的值
24 <a href = "" title = "查看原页面" target = "_blank" id = "qurl">
25 $("#qurl").attr("title"); //获取标签内属性的值
26
27 7:children() 返回匹配对象的子节点
28 <p>one</p>
29 <div id = "ch">
30 <span>two</span>
31 </div>
32 $("#ch").children().html();
33 $("#ch").children()得到对象[<span>two</span>], 所以.html()的结果是”two”
34
35 8:children(expr) 返回匹配对象的子节点中符合表达式的节点
36 <div id = "ch">
37 <span>two</span>
38 <span id = "sp">three</span>
39 </div>
40 $("#ch").children(“#sp”).html();
41 $("#ch").children()得到对象[<span>two</span><span id = "sp">three</span>].
42 $("#ch").children(“#sp”)过滤得到[<span id = "sp">three</span>]
43
44 9:parent() 返回匹配对象的父节点,参照children()理解
45
46 10:parent(expr) 返回匹配对象的父节点中符合表达式的节点,参照children(expr)理解
47
48 11:parents() 查找所有祖先元素,不限于父元素
49
50 12:find(expr) 在匹配的对象中继续查找符合表达式的对象
51 <p>Hello</p><p id = "a">Hello Again</p><p class = "selected">And Again</p>
52 $("p").find("#a").html()
53 在$("p")对象中查找id为a的对象
54
55 13:remove()
56 $('#a_alertBox_main1').remove(); //div的ID为a_alertBox_main1的代码移除,移出匹配对象
57
58 14:empty() 删除匹配对象的所有子节点
59
60 15:$('#a_alertt1').after(box); //box为用js拼接的html代码,意思是将box插入id为a_alertt1的html代码后面
61
62 16:$(document).ready(function(){
63 var tmp = $("#siteID").val();
64 if(tmp==''){
65 $("#siteboxhide").hide();
66 } })
67
68 17:$(document).ready(function(){
69 $("#aa").click(function(){
70 $("#siteboxhide").show();
71 }) })
72
73 18:$('a').click( function() { }) //如果事件就点击一次,可以使用,只绑定原先页面
74
75 19:$('#subBtnQuest').live('click',function () { }) //如果事件有通过jq压入能触发的代码,要用live,对新压入的代码也可以触发
76
77 20:$(".wzx").css('bottom', '0') //改变样式的值
78
79 21:$("#minmax").removeClass("t_max") //移除类
80
81 22:$("#minmax").addClass("t_min") //添加类
82
83 23:$("[name='a']").each(function(i){}) //根据属性name等于a的div进行遍历操作
84   

  

最新文章

  1. ADSL自动更换IP地址源代码
  2. Linux 网络编程详解一(IP套接字结构体、网络字节序,地址转换函数)
  3. [译]git remote
  4. Python之路【第十六篇】:Django【基础篇】
  5. ubuntu下配置安装PYQT4
  6. 【转】RBAC权限管理
  7. JavaScript的函数和事件(转)
  8. 五 Servlet 技术
  9. foreach遍历扩展(二)
  10. WinForm - 格式化DataGridView单元格数据
  11. Mongodb安装和配置
  12. Nginx——基本操作
  13. java和c#中的装箱和拆箱操作
  14. [LeetCode解题报告] 703. 数据流中的第K大元素
  15. 使用maven profile实现多环境配置相关打包
  16. Java多线程-BlockingQueue-ArrayBlockingQueue-LinkedBlockingQueue
  17. 菜鸟学SSH(一)——Struts实现简单登录(附源码)
  18. 全文搜索引擎 Elasticsearch (二) 使用场景
  19. C#中使用DLL相关问题
  20. python: error while loading shared libraries: libpython2.7.so.1.0: cannot open shared object file: No such file or directory

热门文章

  1. CI框架上传csv文件
  2. css3线性渐变兼容
  3. php设置编码格式的方法
  4. POJ-3680:Intervals (费用流)
  5. VijosP1443:银河英雄传说
  6. 最短路径 一 Dijkstra 模板(O(n^2))
  7. linux 安装SSH Server + FTP Server(openssh-server + vsftp)
  8. [poj2342]Anniversary party树形dp入门
  9. 滴滴Booster移动APP质量优化框架 学习之旅
  10. DeleteDC ReleaseDC DeleteObject之间的区别