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相关推荐

Python学习 Day37 jQuery框架01
jQuery框架一.jQuery基本概述 jQuery是一个快速简洁的JavaScript框架,属于JavaScript代码 jQuery的设计宗旨是:write Less,Do More,写更少的 ...
python学习笔记——Thread常用方法
http://blog.sina.com.cn/s/blog_4b5039210100ewie.html Thread对象中的一些方法: 以前说过多线程,用到threading模块中的Thread对象 ...
Python学习之字符串常用方法
目录 1.join()函数拼接:sep.join(iterable) 2.大小写的转换: (1)方法upper():将小写字母化为大写字母. (2)方法lower():将大写字母化为小写字母. (3) ...
Python学习心得第一周-03练习2
#5. 求1-2+3-4+5 ... 99的所有数的和 res=0 count=1 while count <100:if count%2 == 0:res-=countelse:res+=co ...
Python学习心得第一周-03练习1
# 流程控制之if循环#用户登录验证练习 #用户登录验证练习 name=input('请输入用户名:') password=input('请输入密码:')if name == 'ZTC' and pa ...
Python学习之集合常用方法
目录 1.增加:方法add():新增一个不可变数据到集合里. 2.修改:方法update():新建一个集合,通过方法update()将新的集合加入到原来的集合中. 3.删除: (1)del语句:直接删 ...
Python攻城师————前端学习（jQuery框架、第三方框架bootstrap框架）
今日学习目标继续学习jQuery框架剩余的内容. 文章目录今日学习目标学习内容一.jQuery操作标签 class操作样式操作位置操作文本值操作属性操作文档处理操作二.jQuery ...
python学习费用-深圳python学习费用多少
深圳python学习费用多少来源:教育联展网编辑:粉色de皮卡丘发布时间:2019-08-16 人工智能Python培训到北大青鸟学Python 技能提升高薪就业快速咨询学习Python有 ...
python学习费用-深圳python学习费用
深圳python学习费用来源:教育联展网编辑:粉色de皮卡丘发布时间:2019-09-06 人工智能Python培训到北大青鸟学Python 技能提升高薪就业快速咨询学习Python有哪些 ...

Python学习 Day38 jQuery常用方法03

jQuery常用方法

一、css方法

二、attr方法

三、操作节点文本的方法

Python学习 Day38 jQuery常用方法03相关推荐

最新文章

热门文章