工作常用

 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控制输入

火线速递:山川在我脚下,大地在我怀中;我就是这原野山川之主,我就是这天地万物之灵

原文地址:https://www.cnblogs.com/huoxiansudi/p/6795148.html