jquery总结02样式和属性

.attr() .removeAttr() 设置属性和移除属性，里面可以是属性，属性值，只有属性名时只获取第一个蒜素的属性值

.html() .text() .val() html 获取包括标签的所有内容 text是获取所有子元素的文本内容 val一般是获取表单元素的value值或者有value的属性值

.addClass() .removeClass() .taggleClass() 通过类名来改变状态最最最常用的函数注意 remove不写类名将移除所有类

.hasClass() 判断有没有某给类名

.css() 改变的是行内样式的值

.data() $.data() 不会

时间： 2024-10-05 05:07:48

jquery总结02样式和属性的相关文章

jQuery - 02. 样式表属性操作/类操作、动画、显示隐藏、滑入、淡入、停止动画、节点操作、添加对象、清空节点

样式表属性操作.css $("div").css({'width':100,'height':100,'background':'red'}); $("div").css("background","pink"); 类操作 .addClass添加类 $("div").addClass("class"); .removeClass删除类 $("div).removeCla

jQuery基础（样式篇，DOM对象，选择器，属性样式）

1. $(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用. $(document).ready(function() { 内容 }); 1.jQuery对象与DOM对象 jQuery对象与DOM对象是不一样的普通处理,通过标准JavaScript处理: var p = document.getElementById

jQuery学习02

1. jQuery操作样式1.1 使用jQuery设置css样式1.1.1 设置单个样式jQueryobj.css(name,value);设置需要更改的属性名和属性值.1.1.2 设置多个样式jQueryobj.css(obj);obj:{name:value,name:value,...}由多个属性名和属性值组成的键值对组成的对象.1.1.3 获取样式jQueryobj.css(name);获取的是jQuery对象中第一个元素的对应属性的值.1.2 使用jQuery设置class名1.2.1

jQuery自定义滚动条样式插件mCustomScrollbar

如果你构建一个很有特色和创意的网页,那么肯定希望定义网页中的滚动条样式,这方面的 jQuery 插件比较不错的,有两个:jScrollPane 和 mCustomScrollbar. 关于 jScrollPane,大家见过的可能比较多,但是这个插件太过于古老而且功能不强大,效果在几年前非常不错,但是放在现在就不好说了.所以我选择了后者:mCustomScrollbar.下图是两者官方示例的简单对比: 本文就是介绍如何使用 mCustomScrollbar 这个插件,大部分的内容是翻译自 mCus

jquery】常用的jquery获取表单对象的属性与值

1 [jquery]常用的jquery获取表单对象的属性与值 2 3 4 1.JQuery的概念 5 6 7 8 9 JQuery是一个JavaScript的类库,这个类库集合了很多功能方法,利用类库你可以用一些简单的代码实现一些复杂的JS效果. 10 11 12 2.JQuery实现了代码的分离 13 14 不用再网页中加入如:onclick之类的事件来调用函数了,直接引入JQuery类库和自己编写的JQuery代码就可以了: 15 如: 16 $(function(){ 17 $("Ele

jQuery-介绍加载选择器样式操作属性操作绑定click事件

jQuery - 介绍加载选择器样式操作属性操作绑定click事件注意:以下部分问题不能实现效果,因该是单词拼写错误(少个t)或者没有加引号(“swing”)... jquery介绍 jQuery是目前使用最广泛的javascript函数库.据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库.微软公司甚至把jQuery作为他们的官方库. jQuery的版本分为1.x系列和2.x.3.x系列,1.x系列兼容低版本的浏览器,2.x.3.x系列放弃支持低版本浏览器

jquery操作CSS样式全记录

$(this).click(function(){ if($(this).hasClass(“zxx_fri_on”)){ $(this).removeClass(“zxx_fri_on”); }else{ $(this).addClass(“zxx_fri_on”); } return false;}); 添加或去除元素集合的class name 1. 使用addClass()方法 addClass(names) 添加names指定的一个或多个class name给wr

执行完JQuery hide()/show() @medio display属性失效

原因JQuery 自动插入了style样式解决办法:JQuery执行后删除style属性 1 <script> 2 $(document).ready(function(){ 3 $("button").click(function(){ 4 if($(".itemright").attr("data-display")){ 5 6 $(".itemright").hide("fast",fu

雷林鹏分享：jQuery EasyUI 数据网格 - 创建属性网格

jQuery EasyUI 数据网格 - 创建属性网格属性网格(property grid)带有一个内置的 expand(展开)/collapse(合并) 按钮,可以简单地为行分组.您可以简单地创建一个可编辑属性的分层(hierarchical)列表. 设置 HTML url="propertygrid_data.json" showGroup="true" scrollbarSize="0" > 准备 json 数据 [ {"