jQuery はコントロール ノードを使用して、get method_jquery を通じてフォアグラウンドでのみパラメータ転送を完了します。

この記事の例では、jQuery が制御ノードを使用して、get メソッドを通じてフォアグラウンドでのみパラメーター転送を完了する方法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

これも HTML DOM の内容です。JavaScript や jquery などのフロントエンド スクリプト言語の核心は、このようにして各ノードを制御し、追加、削除、変更、確認することだけです。 JavaScript や jquery などのフロントエンド スクリプトを本当に使いこなすことができるでしょうか。

JavaScript 制御ノード。作者は以前の [Web ページ ノードの追加、削除、変更、確認のための JavaScript の使用例] で紹介しましたが、現在は高度な JavaScript スクリプト言語である jquery を通じて制御されています。 . ノードに基づいて、異なる Web ページ間でパラメーターを転送するために jquery が使用されます。パラメーターの転送は、フォアグラウンドの get メソッドを通じてのみ完了し、サーバーにフックされます。パラメータを取得するために、いくつかのリクエストと他のサーバー言語を記述します。

1. 基本的な目標

Web ページでは、black div-red div-blue p の下に Span ノードがあります。クリックすると、その上のノードの ID がそれぞれ取得されます。

[追加] ボタンをクリックしてハイパーリンク ノードを追加します。各ハイパーリンクには中国語パラメータ Hello 1、Hello 2、Hello 3... があり、ノードの増加に応じてスクロール バーが自動的にスクロールし、この hello x が表示されます。パラメータを使用すると、jqrec.html ページでこの中国語パラメータを取得できます

クリア ボタンをクリックして、ul の下のすべてのノードをクリアします

2. 製造工程

jqrec.html の完全なコードは次のとおりです。使用される関数には URL アドレスを分析するための正規表現が含まれるため、詳細に説明する必要はありません。実際に機能する唯一のコードは $("#rec").text(unescape(getUrlParam("text")));

コードをコピー コードは次のとおりです:

<スクリプト src="js/jquery-1.11.1.js">


クリックしたリンクはで、ブラウザのgetメソッドを通じて渡されます。テキストパラメータはまったく同じです ~

テキストで渡されるパラメータは中国語であり、結果をデコードする必要があります~

jqsend.html に戻って再試行してください~

<スクリプト>
/*この関数は、unescape 関数と併用すると、URL の get メソッドによって渡された utf-8 要素をデコードできます*/
関数 getUrlParam(名前)
{
var reg = new RegExp("(^|&)" name "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r!=null) return unescape(r[2]); }
$(function() {
$("#rec").text(unescape(getUrlParam("text"))); });



jqsend.html の完全なコードは次のとおりです。特定のコードについてはコメントを参照してください。




コードをコピー
コードは次のとおりです:

 
 
 
 
 
 
 
 
 
 
 

 

 

 
 
我的父节点 
 

 

 

追加
Clear

<スクリプト>
/*$(function(){}); $(document).ready(function (){}) 関数と同等で、ロードされるとすぐに実行されます*/
$(function() {
/*ID を数えています*/
var id=0;
/*ボタンクリックイベントを追加*/
$("#add").click(function (){
id=id 1; var li="

"; /*testul リストに、上記のように li ノードを追加します*/
$("#testul").append(li); /*ID idx (x はカウンター変数 ID の値) を持つ新しく追加された li ノードの下の a ノードを見つけ、その中の要素を hello x に変更します。jquery の .html は javascript の innerHTML に相当します* /
$("#id" id.toString()).find("a").html("Hello" id); /*この a 要素の href 属性を jqrec.html="Hello" id に設定します。リンクに漢字を含めることはできないため、エスケープを 2 回使用して utf-8 エンコードにエンコードします。1 回使用するとバグになります。 unescape を取得できません*/
が表示されます。 $("#id" id.toString()).find("a").attr("href","./jqrec.html?text="escape(escape("Hello" id))); > /*testul の高さに合わせてスクロールするようにスクロールバーを設定します*/
$("body").scrollTop($("#testul").height()); });
/*ボタンクリックイベントをクリア*/
$("#clear").click(function (){
/* testul の下のすべての要素をクリアし、カウンターをゼロにクリアします*/ $("#testul").empty(); id=0; });
/*findmyfather インライン テキスト クリック イベント*/
$("#findmyfather").click(function(){
/*これは押された findmyfather を表し、上位レベルの親ノードの ID を取得します*/
thisid=$(this).parents().attr("id"); alert("私の親ノードは: " thisid); /*こうすることで、最初の div 要素の ID を見つけることができます*/
thisid=$(this).parents("div").attr("id");
alert("私の最初の div 親ノードは: " thisid); /*こうすることで、2 番目の div 要素の ID を見つけることができます*/
Thisid=$(this).parents("div").parents("div").attr("id");
alert("私の 2 番目の div 親ノードは: " thisid); }); });



この記事が皆さんの jQuery プログラミングに役立つことを願っています。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。