工作常用

 jQuery获取内容的方法

<p>标签内容获取

$(#text).html();  //可以获取内部的子标签 ，如   "<a>链接</a>"

$(#text).html("<a>百度</a>");

$(#text).text();   //只获取子标签里具体的内容，即   "链接" 

$(#text).text("好人");   //也可以设置内容

<input>标签内容获取

$(#text).val();

$(#text).val("好美");

<a>标签的属性里内容的获取

$(#aid).attr("id");  //获取id的内容，即aid

$(#aid).attr("href");  //获取href的内容，即www.baidu.com

$(#aid).attr("href","www.google.com");  //修改href的内容，即www.google.com

<select id='sel'>标签的属性、value值

 $("#sel").val();  // 选中项目的value值

$("select option:checked").text(); // 选中项目的显示值

 

修改多个属性的方法：

$(#aid).attr({

　　"href","www.google.com",

　　"id":aid2

});

jQuery添加内容的方法

1.内容添加

append  $("#p").append("hello,")       //worldhello,

prepend  $("#p").prepend ("hello,")    //hello,world

after   换行添加内容

before  

2.标签添加

html：  var text1="<p>hello1</p>"

jQuery： var text2=$("<p></p>").text("hello2");

js/DOM：  var text3=document.createElement("p").innerHTML="hello3";

$("body").append(text1,text2,text3);

3.删除标签

remove()    全部删除

empty()     删除子元素

jQuery文本框中输入内容,动态从数据库模糊查询显示到下拉框中

<div class="combobx">
    <input id="gysSel" size="10" type="text" name="p_id"><br/>
    <select  onchange="document.getElementById('gysSel').value=this.value;" style="background:#F0F5F9;margin:-2px">
     <option value=""></option>

     <%
     ConnDB conn=new ConnDB();
     String pid=request.getParameter("p_id");
     String sql = "SELECT distinct(p_id) FROM product where p_id='%"+pid+"%'";
     ResultSet rs2 = conn.doQuery(sql);
     while(rs2.next()){
     %>
     <option value="<%=rs2.getString(1) %>"><%=rs2.getString(1) %></option>
     <%} %>
    </select>
  
   </div>

jQuery淡入淡出的效果，滑动

fadeIn/fadeOut/fadeToggle 淡入淡出

fadeTo(1000,0)  透明度

slideToggle滑动效果

 jQuery回调函数的写法

<p id="p1">Hello World</p>

<button id="btn">按钮</button>

jquery写法

$(document).ready(function(){

　　$("#btn").click(function(){

　　　　$("#p").text(function(i,ot){

　　　　　　return "old："+ot+"   new：新内容"+（i）;    //即获得  old：Hello World   new：新内容（0）

　　　　});

　　});

});

方式2

$("#p").hide(1000,function(){

　　alert("hide执行完后，执行这个方法，称为回调");

});

$("#p").css("color","red").slideUp(1000).slideDown(1000); //对P元素的操作 

jQuery 地图插件

详细：http://www.toutiao.com/i6441424078220821006/

推荐使用：bootstrap的高德地图插件

span标签居中显示的正确方法

 span标签居中显示的正确方法
example：<span style="text-align: center;display:block;">没有数据显示</span>
caution：必须加display:block;否则不能居中显示

jQuery的查询

form序列化为json

var param = $$.serializeToJson("#tms_order_form");

jQuery的form表单提交

表单隐藏与显示

选中某条数据

jQuery单击/双击列表选中数据的方法

写一个方法作为载体

单击/双击 方法写在getData()中

 表格知识

keycode控制输入