ユーザ用ツール

サイト用ツール


jqueryとは

jQueryとは

NiftyCloudMobileBackendと直接関係はありませんが、Javascriptでソースコードを検索していると、たとえば、

// htmlファイル
<!-- 以下の div 要素のクラスを取得したい -->
<div id="test" class="sample sample-test">
 ...
</div>
// javascriptファイル
// jQuery で取得する場合
console.log($('#test').attr('class'));

といった、“$”マークをよく見かけます。これは、多くの場合、jQueryというjavascriptライブラリを用いた記載方法らしく、

// JavaScript で取得する場合(jQuery 未使用)
var target = document.getElementById('test')
console.log(target.getAttribute('class'));

//もしくは以下でもオッケー
console.log(document.getElementById('test').getAttribute('class'));

という意味だそうです。

(参考)

http://www.mdesign-works.com/blog/web/javascript-jquery/

【初心者向け】JavaScript と jQuery を混同しているあなたのために
Web
2015.10.06

http://www.task-notes.com/entry/20140713/1405246477

2014-07-13
【jQuery】$(ドルマーク)の意味

jQueryについてのリンク

https://qiita.com/kiubu/items/cce5573f3209cb113c88

@kiubu
2014年12月13日に更新
はじめてのjQuery

http://ozpa-h4.com/2012/11/07/jquery-lecture/

2012/11/07
7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座

https://webkikaku.co.jp/blog/webdesign/jquery_start/

jQueryってなに?超初心者向け入門講座

https://www.sejuku.net/blog/38267

jQueryのhtml()で追加・取得・書き換えの方法まとめ!
2017年12月 by マサト

https://q-az.net/none-jquery-html-text-val/

2015 12 02
脱jQuery .html() .text() .val()



→非常に分かりやすいです。

jQueryをIonic3で使用する方法

ionic3へjQueryを入れる場合

https://qiita.com/rdlabo/items/a66063019aa5b65fa0ad

以下の本の後半の方にも記載されています。お勧めです。

作成中。

jQueryを使わない場合

まず、jQueryをjavascriptに変換

https://q-az.net/none-jquery-html-text-val/

2015 12 02
脱jQuery .html() .text() .val()

javascriptをtypescriptに変換

https://qiita.com/Sekky0905/items/a88721f2af41050c93f2
Sekky0905
@Sekky0905
2018年05月25日に更新
TypeScriptで document.getElementById(“hoge”).value をすると出るThe property ‘hoge' does not exist on value of type 'HTMLElement' というエラーを解消する

とっとと、jQuery導入したほうがよさそうです、、、

リンク

jqueryとは.txt · 最終更新: 2018/10/07 by 127.0.0.1

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki