【jquery】怎么用js調(diào)用標(biāo)簽的onclick事件

給你一個(gè)示例：

創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站建設(shè)、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的常山網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

!DOCTYPE?html

html

head

meta?charset="utf-8"?

title菜鳥教程(runoob.com)/title?

script?src=""

/script

script

$(document).ready(function(){

$("button").click(function(){

$("p").hide();

});

});

/script

/head

body

h2這是一個(gè)標(biāo)題/h2

p這是一個(gè)段落。/p

p這是另一個(gè)段落。/p

button點(diǎn)我/button

/body

/html

在jQuery里$(this).hide()表示什么意思，并且這里面的this指什么東西？

$(this).hide()是jQuery里面的隱藏功能，表示隱藏當(dāng)前元素，確切點(diǎn)應(yīng)該指的是對(duì)象，比如有一個(gè)按鈕，你對(duì)該按鈕添加這個(gè)點(diǎn)擊事件就可以點(diǎn)擊此按鈕，實(shí)現(xiàn)隱藏這個(gè)按鈕的功能，這里的this表示當(dāng)前對(duì)象，就是你鼠標(biāo)點(diǎn)擊的那個(gè)頁面元素對(duì)象

希望可以幫到你

怎樣自學(xué)web前端開發(fā)？

1、首先，得學(xué)習(xí)一下html，主要是學(xué)習(xí)一下html標(biāo)簽的使用方法。推薦一個(gè)學(xué)習(xí)平臺(tái)，W3C 菜鳥教程。這個(gè)教程簡單易用，適用于初學(xué)入門者，能比較完善的學(xué)習(xí)html是怎么使用的。（如果感興趣，學(xué)完后可以接著學(xué)一下html5，這個(gè)是目前最新版本的html，也比較簡單的。）

2、學(xué)完了html，接著當(dāng)然是學(xué)習(xí)css。html的作用是填充網(wǎng)頁內(nèi)容，css作用就是為內(nèi)容加上外衣，讓它看起來富有色彩，更好看。推薦同樣在W3C 菜鳥教程上面去學(xué)習(xí)css，很簡單，大概兩三天的學(xué)習(xí)周期，這些內(nèi)容需要強(qiáng)記一下，記下了多用就熟了，沒有什么難度。（學(xué)完css，可以接著學(xué)習(xí)css3，目前最新版本的css，這個(gè)有興趣就學(xué)，一般的話css3用的不是很多，個(gè)人覺得）

3、學(xué)完了html,css，接下來是重頭戲，輪到了我們的javascript，業(yè)界簡稱js。很多程序員說js的難度超過了java， 我想說的是，簡單易學(xué)的入門，深究可能就要費(fèi)腦子了，當(dāng)然大家不要怕，企業(yè)應(yīng)用級(jí)別的js也是很簡單的，吧W3C 菜鳥教程中的文檔看完完熟了，也就了解了js的使用方法了，哈哈。

4、學(xué)完了上述的html,css,js后，咱們就可以成為一名合格的web前端程序員了。但是光合格還是不夠的，技術(shù)要拿得出手，工作中才能輕松勝任，學(xué)習(xí)咱們搞編程是不能停止學(xué)習(xí)步伐的，繼續(xù)出發(fā)！學(xué)什么呢，學(xué)完js后，首先要學(xué)的是jQuery框架，說它的大名鼎鼎是一點(diǎn)都不為過，不知道jquery是什么的程序員我就不想說什么了，你現(xiàn)在知道它的重要性了嗎，這個(gè)一定得好好學(xué)習(xí)。

5、接下來我想推薦另外兩個(gè)現(xiàn)在非常熱門的比較新的框架，它們未來會(huì)成為主流前端框架，一個(gè)叫angularjs，目前最新版本的是angular4，另外一個(gè)是vue.js，大家感興趣可以學(xué)習(xí)學(xué)習(xí)。

jquery 從哪里學(xué)比較容易，jq菜鳥

jquery的幫助文檔是最好的學(xué)習(xí)文檔，當(dāng)然得有點(diǎn)js基礎(chǔ)，網(wǎng)上也有jquery的教學(xué)視頻，非常不錯(cuò)。其實(shí)寫學(xué)jquery就是為了使用，在工作中有鍛煉的機(jī)會(huì)可以大幅提高你對(duì)jquery的理解。在配合比較好的開發(fā)工具，那是非常有幫助的，目前從我了解到的前段開發(fā)工具中 ，提示功能最強(qiáng)大的是webstorm,還有其他的開發(fā)工具比如dreamweaver，eclipse ，文本編輯器editplus 等等。平常多看別人代碼，多練習(xí)，熟悉相關(guān)api，很容易讓你脫離所謂的“菜鳥”級(jí)別

jquery.post("url",{},function(data),'json');里面的data如何用java操作

1、引入包(本文中的包全部引自struts-2.1.8.1\lib)：

struts2-json-plugin-2.1.8.1.jar

json-lib-2.1.jar

commons-collections-3.2.jar

commons-beanutils-1.7.0.jar

commons-lang-2.3.jar

commons-logging-1.0.4.jar

ezmorph-1.0.3.jar

這7個(gè)包是返回json形式的數(shù)據(jù)必須的。因?yàn)閖son大量引用了Apache commons的包，所以要加入4個(gè)，commons包，除了commons的包外，還需要引入一個(gè) ezmorph的包。最后加入struts2必須的6個(gè)包：

struts2-core-2.1.8.1.jar

xwork-core-2.1.6.jar

ognl-2.7.3.jar

freemarker-2.3.15.jar

commons-fileupload-1.2.1.jar

commons-io-1.3.2.jar

2、后臺(tái)：

1) Userinfo實(shí)體類代碼

public class UserInfo implements Serializable {

private int userId;

private String userName;

private String password;

get set方法略

}

2) Action類

public class TestAction extends ActionSupport {

private String message; //使用json返回單個(gè)值

private UserInfo userInfo; //使用json返回對(duì)象

private List userInfosList; //使用josn返回List對(duì)象

get set方法略

/*返回單個(gè)值*/

public String returnMsg(){

this.message = "成功返回單個(gè)值";

return SUCCESS;

}

/*返回UserInfo對(duì)象*/

public String returnUser(){

userInfo = new UserInfo();

userInfo.setUserId(10000);

userInfo.setUserName("劉棟");

userInfo.setPassword("123456");

return SUCCESS;

}

/*返回List對(duì)象*/

public String returnList(){

userInfosList = new ArrayListUserInfo();

UserInfo u1 = new UserInfo();

u1.setUserId(10000);

u1.setUserName("張三");

u1.setPassword("111111");

UserInfo u2 = new UserInfo();

u2.setUserId(10001);

u2.setUserName("李四");

u2.setPassword("222222");

userInfosList.add(u1);

userInfosList.add(u2);

return SUCCESS;

}

}

3) struts.xml（必須繼承json-default、json-default繼承自struts-default）

package name="default" namespace="/json" extends="json-default"

action name="returnMsg" class="com.testAction " method="returnMsg"

result name="success" type="json"

param name="root"validate/param

/result

/action

action name="returnUser "

class="com.testAction " method="returnUser "

result name="success" type="json"

param name="includeProperties"

userInfo\.userId,userInfo\.userName,userInfo\.password

/param

/result

/action

action name="returnList" class="com.testAction "

method="returnList"

result name="success" type="json"

param name="includeProperties"

userInfosList\[\d+\]\.userName,userInfosList\[\d+\]\.password

/param

/result

/action

/package

3、前臺(tái)：

1) 頁面引入jquery-1.4.2.js

2) 代碼如下：

script language="javascript"

function getMsg(){

$.ajax({

url:'json/returnMsg.action',

type:'post',

dataType:'json',

success:function(data){

$("#result").html(data.message);

}

});

}

function getUser(){

$("# result ").html("");

$.ajax({

url:'json/returnUser.action',

type:'post',

dataType:'json',

success:function(data){

$("#result").append("用戶ID："+data.userInfo.userId+"")

.append("用戶名："+data.userInfo.userName+"")

.append("密碼："+data.userInfo.password+"");

}

});

}

function getUserList(){

$("# result ").html("");

$.ajax({

url:'json/returnList.action',

type:'post',

dataType:'json',

success:function(data){

$.each(data.userInfosList,function(i,value){

$("#result").append("第"+(i+1)+"個(gè)用戶")

.append("用戶名："+value.userName+"")

.append("密碼："+value.password+"");

}

}

});

}

/script

div id="result"/div

input type="button" value="獲得單個(gè)消息" onclick="getMsg()"/

input type="button" value="獲得用戶信息" onclick="getUser()"/

input type="button" value="獲得用戶列表" onclick="getUserList()"/

4、只要繼承extends="json-default"，result type設(shè)置成json之后，容器會(huì)把a(bǔ)ction的屬性自動(dòng)封裝到一個(gè)json對(duì)象中（json攔截器來做），然后調(diào)用ajax的callback方法. 返回json數(shù)據(jù)

5、includeProperties 參數(shù)：輸出結(jié)果中需要包含的屬性值，這里正則表達(dá)式和屬性名匹配，可以用“,”分割填充多個(gè)正則表達(dá)式。

如：輸出UserInfo的所有屬性及UserInfo的userName屬性

result type="json"

param name="includeProperties" userInfo.*,

userInfo \. userName /param

/result

6、excludeProperties 參數(shù)：輸出結(jié)果需要剔除的屬性值，也支持正則表達(dá)式匹配屬性名，可以用“,”分割填充多個(gè)正則表達(dá)式，類同includeProperties

7、輸出一個(gè)JSON List列表

result name="success" type="json"

param name="includeProperties"

userInfosList\[\d+\]\.userName,userInfosList\[\d+\]\.password

/param

/result

其中userInfosList是action中的一個(gè)List類型的屬性，userInfosList \[\d+\]\. userName表示，userInfosList中存儲(chǔ)的對(duì)象0..end的userName屬性（list中存儲(chǔ)的對(duì)象必須有userName屬性）。

8、為什么要用includeProperties或excludeProperties 參數(shù)：主要是為了過濾掉接口，pojo的set、list、其它對(duì)象等不需要的數(shù)據(jù)防止循環(huán)取其它關(guān)聯(lián)對(duì)象或找不到接口。如果不配置,默認(rèn)是處理 action中的所有屬性，如果action中有接口注入，json攔截器可能找不到接口而返回不了結(jié)果，還有如果action中有一個(gè)對(duì)象，這個(gè)對(duì)象與好多對(duì)象都有關(guān)聯(lián)，json攔截器會(huì)將相關(guān)聯(lián)的所有對(duì)象的屬性全部轉(zhuǎn)換成json格式，如果其它對(duì)象有l(wèi)ist、set,其返回結(jié)果相當(dāng)龐大，有可能是死循環(huán)而無法返回 。如果不用param name="includeProperties"或其他方式進(jìn)行json數(shù)據(jù)過濾，通過debug你會(huì)發(fā)現(xiàn)前臺(tái)返回的json字符串，是把 action中的所有屬性全部轉(zhuǎn)化成json字符串返回給客戶端（包括service接口、pojo所有屬性及有關(guān)聯(lián)的pojo。有時(shí)候根本返回不了結(jié)果，也不報(bào)錯(cuò)，后臺(tái)執(zhí)行了，但前臺(tái)執(zhí)行不到callback function，這主要是因?yàn)檎也坏浇涌诨蛘哧P(guān)聯(lián)的pojo太多，造成死循環(huán)），一般情況下用的最多的就是root、 includeProperties 和excludeNullProperties參數(shù)。當(dāng)然還有其他的方法，如給pojo的屬性加json注解。

9、總結(jié)： action中避免使用get開頭的action方法,去掉action中的接口的get方法 為json類型的result配置includeProperties, excludeProperties等參數(shù).

有什么好的學(xué)習(xí)javascript的網(wǎng)站

基礎(chǔ)性的學(xué)習(xí)網(wǎng)站：

w3school：

w3cplus：

菜鳥教程網(wǎng)：

易百教程：

腳本之家：

視頻類的學(xué)習(xí)網(wǎng)站：

尚學(xué)堂：

慕課網(wǎng)：

扣丁課堂：

極客學(xué)院：

個(gè)人博客類的學(xué)習(xí)網(wǎng)站：

張?chǎng)涡瘢?/p>

阮一峰：

廖雪峰：

辰辰：

軒楓閣：

社區(qū)類的學(xué)習(xí)網(wǎng)站：

segmentfault：

掘金：

簡書：

Stack Overflow:

CSDN：

博客園：

希望對(duì)你有幫助！

當(dāng)前名稱：菜鳥教程jquery,菜鳥教程python
網(wǎng)頁網(wǎng)址：http://chinadenli.net/article33/dseidss.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、全網(wǎng)營銷推廣、外貿(mào)網(wǎng)站建設(shè)、搜索引擎優(yōu)化、營銷型網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)