jQuery
jQueryとは JavaScript のライブラリです。jQueryを利用することにより、HTML のDOM操作やAjaxの処理を簡潔に記述できます。
Table of Contents
- 1 HTML
-
- 1.1
<script>
- 2 グローバル・オブジェクト
-
- 2.1
window.jQuery
- 3 グローバル・メソッド
-
- 3.1
window.jQuery()
- 4 jQueryオブジェクト
-
- 4.1 Attributes
-
- 4.1.1 addClass
- 4.1.2 attr
- 4.1.3 hasClass
- 4.1.4 html
- 4.1.5 prop
- 4.1.6 removeAttr
- 4.1.7 removeClass
- 4.1.8 removeProp
- 4.1.9 toggleClass
- 4.1.10 val
- 4.2 Data Storage
-
- 4.2.1 data
- 4.2.2 removeData
- 4.3 Effects
-
- 4.3.1 animate
- 4.3.2 clearQueue
- 4.3.3 delay
- 4.3.4 dequeue
- 4.3.5 fadeIn
- 4.3.6 fadeOut
- 4.3.7 fadeTo
- 4.3.8 fadeToggle
- 4.3.9 finish
- 4.3.10 hide
- 4.3.11 queue
- 4.3.12 show
- 4.3.13 slideDown
- 4.3.14 slideToggle
- 4.3.15 slideUp
- 4.3.16 stop
- 4.4 Events
-
- 4.4.1 bind
- 4.4.2 blur
- 4.4.3 change
- 4.4.4 click
- 4.4.5 contextmenu
- 4.4.6 dblclick
- 4.4.7 focus
- 4.4.8 focusin
- 4.4.9 focusout
- 4.4.10 hover
- 4.4.11 keydown
- 4.4.12 keypress
- 4.4.13 keyup
- 4.4.14 load
- 4.4.15 mousedown
- 4.4.16 mouseenter
- 4.4.17 mouseleave
- 4.4.18 mousemove
- 4.4.19 mouseout
- 4.4.20 mouseover
- 4.4.21 mouseup
- 4.4.22 off
- 4.4.23 on
- 4.4.24 one
- 4.4.25 ready
- 4.4.26 resize
- 4.4.27 scroll
- 4.4.28 select
- 4.4.29 submit
- 4.4.30 trigger
- 4.4.31 triggerHandler
- 4.5 Manipulation
-
- 4.5.1 addClass
- 4.5.2 after
- 4.5.3 append
- 4.5.4 appendTo
- 4.5.5 attr
- 4.5.6 before
- 4.5.7 clone
- 4.5.8 css
- 4.5.9 detach
- 4.5.10 empty
- 4.5.11 hasClass
- 4.5.12 height
- 4.5.13 html
- 4.5.14 innerHeight
- 4.5.15 innerWidth
- 4.5.16 insertAfter
- 4.5.17 insertBefore
- 4.5.18 offset
- 4.5.19 outerHeight
- 4.5.20 outerWidth
- 4.5.21 position
- 4.5.22 prepend
- 4.5.23 prependTo
- 4.5.24 prop
- 4.5.25 remove
- 4.5.26 removeAttr
- 4.5.27 removeClass
- 4.5.28 removeProp
- 4.5.29 replaceAll
- 4.5.30 replaceWith
- 4.5.31 scrollLeft
- 4.5.32 scrollTop
- 4.5.33 text
- 4.5.34 toggleClass
- 4.5.35 unwrap
- 4.5.36 val
- 4.5.37 width
- 4.5.38 wrap
- 4.5.39 wrapAll
- 4.5.40 wrapInner
- 4.6 Traversing
-
- 4.6.1 add
- 4.6.2 addBack
- 4.6.3 children
- 4.6.4 closest
- 4.6.5 contents
- 4.6.6 each
- 4.6.7 end
- 4.6.8 eq
- 4.6.9 even
- 4.6.10 filter
- 4.6.11 find
- 4.6.12 first
- 4.6.13 has
- 4.6.14 is
- 4.6.15 last
- 4.6.16 map
- 4.6.17 next
- 4.6.18 nextAll
- 4.6.19 nextUntil
- 4.6.20 not
- 4.6.21 odd
- 4.6.22 offsetParent
- 4.6.23 parent
- 4.6.24 parents
- 4.6.25 parentsUntil
- 4.6.26 prev
- 4.6.27 prevAll
- 4.6.28 prevUntil
- 4.6.29 siblings
- 4.6.30 slice
- 5 ライブラリ
-
- 5.1 jQuery Raty
- 5.2 jQuery UI
<script>
jQuery のライブラリをインポートする HTML の基本テンプレートを次に示す。
<!DOCTYPE html>
<html>
<head>
<script src="/js/jquery.min.js"></script>
</head>
<body>
<!-- content -->
</body>
</html>
CDN (Content Delivery Network) を通じて jQuery のライブラリをインポートする HTML の基本テンプレートを次に示す。
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
crossorigin="anonymous">
</script>
</head>
<body>
<!-- content -->
</body>
</html>
参考文献
OpenJS Foundation (2022) jQuery