jQuery为某个div加入行样式
JQuery都是以$符号开头的。当然能够用jQuery取代$符号,他们是恒等的,同一时候也是相等的。()事实上就是一个方法,里面能够传递匿名函数等,选取某个div时,如id为div1则用$('#div1')。记得加#号,这里跟我们写css样式时加的#号是相同的道理。
样例例如以下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>基础核心</title> <script type="text/javascript" src="jquery-1.11.1.js"></script> <script type="text/javascript"> $(function(){ $('#box').css('color','red');//为id为box的div加入行间样式 }); </script> </head> <body> <div id="box">Jquery</div> </body> </html>
效果图:
将字体颜色变为红色:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
相关推荐
-
JQuery+DIV自定义滚动条样式的具体实现
JQuery计算滚动条长度和位置,代码如下: javascript 复制代码 代码如下: <script type="text/javascript"> var scrMinHeight = 1; //滚动条最小高度 var scrMaxHeight = 0; //滚动条最大高度 var scrDefualtTop = 80; //滚动条默认位置 var scrHeight = 0; //初始化滚动条 function InitScrol
-
利用div+jquery自定义滚动条样式的2种方法
最近做项目中有一个模块是用于实时监控的,左边有个菜单栏用于显示所有的设备,那当然是从数据库中动态获取的了,右边是个iframe用于显示监控画面.本来这个功能并不复杂,左边的菜单项是利用dtree.js来实现的,可时当功能实现完成之后,却发现一个问题,就是左边菜单栏中的设备名有的会很长,会超出了div的长度,准确说是左边iframe的宽度和长度不够.那么,这时就必须要利用滚动条了,可以设置左边菜单项div的overflow-x:auto;overlfow-y:auto;这样就会自动生成了滚动条,但
-
jQuery为某个div加入行样式
JQuery都是以$符号开头的.当然能够用jQuery取代$符号,他们是恒等的,同一时候也是相等的.()事实上就是一个方法,里面能够传递匿名函数等,选取某个div时,如id为div1则用$('#div1').记得加#号,这里跟我们写css样式时加的#号是相同的道理. 样例例如以下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <tit
-
jQuery实现的网页右下角tab样式在线客服效果代码
本文实例讲述了jQuery实现的网页右下角tab样式在线客服效果代码.分享给大家供大家参考,具体如下: 这是一款网页右下角tab样式的在线客服代码,若在火狐或chrome浏览器下,客服是带边框阴影的,IE8下好像没边框效果,整体不如在Chrome.火狐.Opera浏览器下.这款在线客服代码的底部使用了TAB选项卡的样式,鼠标点击可切换客服的内容,还是挺新颖的. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-right-buttom
-
jquery <li>标签 隔若干行加空白或者加虚线的方法
实例如下: $(function () { $('ul li').addClass(function (i) { return i % 6 == 5 ? "ab" : ""; }); // 隔6行 加空白.或者加虚线 $('.imglist li').after(function (i) { var css = ""; if (i % 3 == 2) { css = "<div class='dashed clear' >&
-
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
本文实例讲述了jQuery实现文字超过1行.2行或规定的行数时自动加省略号的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net jQuery自动添加省略号</title> <script src="http://apps.bdi
-
jQuery实现获取及设置CSS样式操作详解
本文实例讲述了jQuery实现获取及设置CSS样式操作.分享给大家供大家参考,具体如下: addClass():向被选元素添加一个或多个类 removeClass():从被选元素删除一个或多个类 toggleClass():对被选元素进行添加/删除类的切换操作 css():设置或返回被选元素的一个或多个样式属性 样式表实例: .important{ font-weight:bold; font-size:xx-large; } .blue{ color:blue; } addClass() <!
-
Jquery属性的获取/设置及样式添加/删除操作技巧分析
本文实例讲述了Jquery属性的获取/设置及样式添加/删除操作技巧.分享给大家供大家参考,具体如下: Jquery属性的获取与设置 //找到第一个input,通过attr设置属性value的值 $("input:first").attr('value','新设值'); //同时为多个属性赋值 $("input:first").attr({'attr1':'v1','attr2':'v2'...}); //找到最后一个input,通过使用removeAttr删除属性
-
jQuery操作元素的内容和样式完整实例分析
本文实例讲述了jQuery操作元素的内容和样式.分享给大家供大家参考,具体如下: <html> <head> <title>jQuery操作元素的样式和内容</title> <meta charset="UTF-8"/> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> <scrip
-
jQuery实现动态操作table行
JQuery 实现动态操作 table 行,供大家参考,具体内容如下 实现效果:可动态实现table添加行和删除行,如下图. 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Html动态Table</title> <script src="https://apps.bdimg.
-
jQuery实现将div中滚动条滚动到指定位置的方法
本文实例讲述了jQuery实现将div中滚动条滚动到指定位置的方法.分享给大家供大家参考,具体如下: 一.Js代码: onload = function () { //初始化 scrollToLocation(); }; function scrollToLocation() { var mainContainer = $('#thisMainPanel'), scrollToContainer = mainContainer.find('.son-panel:last');//滚动到<div
-
jQuery实现的调整表格行tr上下顺序
表格是大家比较常用的元素,有时候表格中的行需要调整顺序,下面就通过代码实例介绍一下如何利用jquery实现此功能. 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>我们<
随机推荐
- java多线程应用实现方法
- jquery实现经典的淡入淡出选项卡效果代码
- Javascript 面向对象 重载
- JavaScript表单验证完美代码
- 在AngularJS中使用jQuery的zTree插件的方法
- SpringMvc MultipartFile实现图片文件上传示例
- react-native使用react-navigation进行页面跳转导航的示例
- 学习JavaScript设计模式(链式调用)
- php字符串分割函数用法实例
- 微信支付终于成功了(安卓、iOS)在此分享
- javascript 常见功能汇总
- 用ASP做的DNS LOOKUP程序
- js格式化时间和js格式化时间戳示例
- 浅谈mysqldump使用方法(MySQL数据库的备份与恢复)
- mysql导入sql文件命令和mysql远程登陆使用详解
- 几乎被设计师遗忘了的标签fieldset legend
- Ajax传递中文参数到后台乱码的有效解决方法
- MongoDB常用操作汇总
- mysql全文搜索 sql命令的写法
- 浅谈C# 中的委托和事件