ユーザ用ツール

サイト用ツール


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

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

作成中。

<html>
<iframe style=“width:120px;height:240px;” marginwidth=“0” marginheight=“0” scrolling=“no” frameborder=“0” src=“rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=twosquirrel-22&o=9&p=8&l=as4&m=amazon&f=ifr&ref=as_ss_li_til&asins=B0792PKGZ1&linkId=f3c953f6aa35b7734e5fc9a1bb7ffebf”></iframe>
</html>


==== 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