情弱エンジニアのなかのblog

一人前のエンジニアになる為のブログです

jQuery

jQuery でHTMLの操作 1

jQueryでHTMLの操作について記載いたします。 1.テキストの変更 HTML要素に含まれるテキストを変更または取得するためにtext()を使います。 HTML <p id="first">変更前</p> text()を使ってテキストを変更するにはtext(...)の内側に変更後のテキストを記述します。テキストはダ…

jQuery でセレクターの指定など3

jQueryでセレクター指定について記載していきます。 間接セレクター 特定のセレクターの後に出現する要素を選択できるのが「間接セレクター」です。 セレクターと要素を~(チルダ)で結びます。 HTML <ul> <li id="first">テキストテキスト</li> <li id="second">テキストテキスト</li> <li id="third">テキストテキスト</li> <li id="fourth">テ</li></ul>…

jQueryでアコーディオンの制作

アプリの制作をしていまして、アコーディオンを使ったメニューを制作したので手順等を記載いたします。 まずはHTMLは以下のように記載いたしました。 <html lang="ja"> <head> <meta charset="UTF-8"> <title>アコーディオン</title> <script type="text/javascript" src="js/jquery-3.2.0.min.js"></script> <script type="text/javascript" src="js/menu.js"></script> </meta></head></html>

Cakephp でjQuery を使ってみる

マウスオーバーした時に枠線を表示する CakePHPで記事を投稿するサイトを作っているのですが、マウスオーバーで反応があるものを作りたいと思い 簡単ではありますがjQueryを使ってマウスオーバーで記事に枠線をつけたので手順等記載していきます。 1. jsファ…