Python学习 Day38 jQuery常用方法03
生活随笔
收集整理的這篇文章主要介紹了
Python学习 Day38 jQuery常用方法03
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
jQuery常用方法
一、css方法
概述：CSS這個方法是JQ框架給我們提供的，它主要的作用是可以設置匹配節點行內樣式
- CSS方法是JQ框架提供的，給匹配節點添加行內樣式
- JQ支持鏈式語法：從左到右
樣式部分
<head><meta charset="UTF-8"><title></title><!--引包--><script type="text/javascript" src="js/jQuery.min.js"></script></head><body><div>晴空一鶴排云上，便引詩情到碧霄</div><div>晴空一鶴排云上，便引詩情到碧霄</div><div>晴空一鶴排云上，便引詩情到碧霄</div><div>晴空一鶴排云上，便引詩情到碧霄</div></body>第一種寫法（不常用）
$('div').css('color','royalblue');參數說明：
- 第一個參數：匹配節點樣式名字
- 第二個參數：匹配節點添加樣式的屬性值
- 注意：當前這種寫法不常用，因為只能給元素設置一個樣式
第二種寫法（推薦）
$('div').css({color:'red',background:'cyan',fontSize:30,opacity:.3});- 以后再給匹配的節點添加樣式，傳遞JSON數據格式即可【可以連續設置多個樣式】
- 而且屬性值可以省略px單位，中間帶橫杠的樣式變為駝峰寫法
二、attr方法
概述：attr方法是JQ框架提供的，主要作用是可以獲取或設置節點的屬性
樣式部分
<style type="text/css">*{margin: 0;padding: 0;}img{width: 300px;height: 300px;}</style><!--引包--><script type="text/javascript" src="js/jQuery.min.js"></script></head><body><input type="text" /><input type="radio" /><input type="checkbox" /><img src="img/3.jpg" /></body>attr方法
//獲取節點屬性值console.log($('input:eq(1)').attr('type'));//動態設置節點屬性值$('input:eq(1)').attr('type','text');//獲取節點屬性值console.log($('img').attr('src'));//修改節點屬性值$('img').attr('scr','img/2.jpg');三、操作節點文本的方法
概述：原生DOM操作的時候，操作節點文本分為兩種情況：
- （1）操作非表單元素———使用的是innerHTML屬性
- （2）操作表單元素———使用的是value屬性
JQ框架也給我們提供了一些操作文本的方法，也分為兩種情況：
- （1）操作非表單元素的文本———使用html方法
- （2）操作表單元素文本———使用val方法
樣式部分
<input value="請輸入密碼" /><div>晴空一鶴排云上</div>操作節點文本
//JQ提供的val方法：可以用來獲取||設置表單元素文本//獲取表單元素文本console.log($('input').val());//修改表單元素的文本$('input').val('水面清圓，一一風荷舉');//JQ提供html方法：可以用來獲取||設置非表單元素文本console.log($('div').html());//重新設置$('div').html('便引詩情到碧霄');總結
以上是生活随笔為你收集整理的Python学习 Day38 jQuery常用方法03的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： android使用popupwindow
- 下一篇： python 朋友圈点赞收费吗_微信点赞