JS毎日概要

CSSやJSファイルのどの1.html導入

CSS：<リンクのrel = "スタイルシート" のhref = "CSS / index1.css（これは私のファイルのアドレスです）">

スクリプト：ます。<script type = "text / javascriptの" SRC = "JS / jqueryの-3.4.1.min.js（これは私のフォルダのアドレスである）"> </ SCRIPT>

2.jquery共通の操作

設定及び選択されたコンテンツ要素（内側HTML）のHTML（）メソッドを返します。

<スクリプト> 
  $（ドキュメント）.ready（関数（）{ 
            $（ "＃のBTN1"）をクリックします（。関数（）{ 
                $（ "P"）HTML（ "Hello World"の。）; 
            }）; 
        }）; 
</ SCRIPT>

現在の項目で検索するために組み合わせて使用findindexとのtoStringは、項目の配列です。

table_list = [1,1,2,35,5,9 ] 

        $（ドキュメント）.ready（関数（）{ 
            itemNum = table_list.findIndex（関数（アイテム）{
                 戻り item.toStringを（）= myItem.toString（）
            } ）; 
        }）;

ヴァル（）メソッドは、設定された値または選択された要素を返します

$（ドキュメント）.ready（関数（）{ 
            $（ "＃のBTN1"）をクリックします（。関数（）{ 
                $（ "：テキスト"。）のval（ "Hello World"の）; 
            }）; 
        }）;

取得した値は、選択セレクトデータ項目内に存在します

< 選択   クラス= "MySelectと" > 
     < オプション値= "スイッチ" データ名= "开关" >开关</ オプション> 
     < オプション値= "光" データ名= "灯光" >灯光</ オプション> 
</ 選択>

$（ "MySelectと"）を見つける （ "オプション：選択"）のattr（ "データ名"）; データ-選択したアイテム..取得する"スイッチ"の名の値を、$ 
（ ".mySelect"）ヴァル（）。 ;スイッチ値の値を取得します。

parselnt XXを数値に変換される：すべてのタイプの番号を（）、のparseInt（）およびparseFloatは（）は、文字列に適用されます

MYITEMのindexOf itemArrayが配列内に存在する分析、最初のインデックスへの復帰があり、そうでない場合は-1。

indexOf（）メソッドは、正シーケンスを探すことである、のlastIndexOf（）が見つけるためのフラッシュバックです // https://www.cnblogs.com/clear93/p/7928218.htmlは、

VaRの指数= JSON.stringify（itemArray）.indexOf（JSON.stringify（MYITEM））。

必要な文書に挿入HTMLおよび値を追加

$（ "＃のBTN"）。クリックしてください（関数（）{ 
            HTML = '<TR>' 
                + '<TD>' + '<IMG SRC = "./画像/ item.png" ALT = "">' + ' </ TD> ' 
                + '<TD>' + 'の<span>品牌：</ span>の' + 'の<span>'。+ $（ "myValue"）のval（）+ '</ span>の' +' </ TD>」
                + '</ TR>' ; 
                $（ "リスト" ）.append（HTML）; 

        }）;

ページを更新するlocation.reload（）

        window.location.reload

ATTR（）とremoveAttr（）

$（ "入力"）のattr （ "プレースホルダ"、 " パスワードを入力してください"）。
        $（ "INPUT"）removeAttr（ "DATE-targer"）;

小道具（）和removeprop（）

< スクリプト>   
< / スクリップの$（ "＃のBTN"）小道具（ "チェックします"）。  // truet> 
< ラベル> 
< 入力タイプ= " チェックボックス" 値= " 复选框" ID = " BTN " にチェック=  " 真" 無効=  "" > 
< / label>は

深い理解

<スクリプト> 
    $（ドキュメント）.ready（関数（）{ 
                $（ "BTN"）をクリックします（。関数（）{ 
                    $（ "P"）removeAttr（ "スタイル"。）; 
                }）; 
            }）; 
</ SCRIPT>

おすすめ