前台常用的处理形式（包含特殊HTML、JQUERY的用法）

最新推荐文章于 2023-04-07 21:22:51 发布

笑释一切

最新推荐文章于 2023-04-07 21:22:51 发布

阅读量386

点赞数

分类专栏： --jquery --html 前端

本文链接：https://blog.csdn.net/xiaoshiyiqie/article/details/79025118

版权

前端同时被 3 个专栏收录

11 篇文章 0 订阅

订阅专栏

--jquery

6 篇文章 0 订阅

订阅专栏

--html

3 篇文章 0 订阅

订阅专栏

1、for 属性规定 label 与哪个表单元素绑定。
点击“是”文字时，相当于点击id为isSealed1的radio。

<input id="isSealed1" type="radio"/><label for="isSealed1">是</label>
<input id="isSealed0" type="radio"/><label for="isSealed0">否</label>

2、判断某个radio是否被选中

$("#isSealed0").is(":checked")//被选中则返回true
$('#isSealed0:checked').length==1//被选中则返回true

3、jquery选择器获取父级元素、同级元素、子元素

一、获取父级元素
    1、 parent([expr]):获取指定元素的所有父级元素
二、获取同级元素
    1、next([expr])：获取指定元素的下一个同级元素（下一个同级元素）
    2、nextAll([expr]):获取指定元素后边的所有同级元素
    3、andSelf():获取指定元素后边的所有同级元素，之后加上指定的元素
    4、prev()：获取指定元素的上一个同级元素（上一个）。
    5、prevAll()：获取指定元素的前边所有的同级元素。
三、获取子元素
    1、查找子元素方式1：>
    例如：var aNods = $("ul > a");查找ul下的所有a标签
    2、查找子元素方式2：children()
    3、查找子元素方式3：find()

children()和find()的异同：
①children及find方法都用是用来获得element的子elements的，两者都不会返回 text node，就像大多数的jQuery方法一样。
②children方法获得的仅仅是元素一下级的子元素，即：immediate children。
③find方法获得所有下级元素，即：descendants of these elements in the DOM tree
④children方法的参数selector 是可选的（optionally），用来过滤子元素，但find方法的参数selector方法是必选的。
⑤find方法事实上可以通过使用 jQuery( selector, context )来实现。即 $('li.item-ii').find('li')等同于$ (‘li’, ‘li.item-ii’).

4、获得子元素个数

//获取id=div1下的子元素的个数
$('#div1').children().length;

5、禁用滚动条

<body scoll=no> 全禁止
<body style="overflow:scroll;overflow-y:hidden"> 禁止纵向滚动条
<body style="overflow:scroll;overflow-x:hidden"> 禁止纵向滚动条

6、禁用radio

disabled="true"

7、JS中获取EL表达式

var ctx = "${ctx}";

8、清空td标签内容后加入HTML

$('#dsampleTimeTd').text("");
$('#dsampleCountTd').append("&nbsp;&nbsp;样品数量<font color='red'>*</font>:");

9、清空form表单

$("#searchForm").form("clear");

10、ie8不支持console.log()的解决方法

window.console = window.console || (function () {
    var c ={}; 
　　c.log = c.warn = c.debug = c.info = c.error = c.time = c.dir = c.profile= c.clear = c.exception = c.trace = c.assert = function(){};
    return c;
})();

11、checkbox获取选择值

<input type="checkbox" name="checkbox" value="checkbox1"> checkbox1 
<input type="checkbox" name="checkbox" value="checkbox2"> checkbox2 
<input type="checkbox" name="checkbox" value="checkbox3"> checkbox3 
<input type="checkbox" name="checkbox" value="checkbox4"> checkbox4 
<input type="checkbox" name="checkbox" value="checkbox5"> checkbox5 
<input type="checkbox" name="checkbox" value="checkbox6"> checkbox6 
<input type="checkbox" name="checkbox" value="checkbox7"> checkbox7 
<input type="checkbox" name="checkbox" value="checkbox8"> checkbox8

$("input[name=checkbox][checked]").each(function(){
    //由于复选框一般选中的是多个,所以可以循环输出 
    alert($(this).val()); 
});

12、判断一个控件是否存在

$("#fm").length > 0

13、使span在一行显示并限定宽度，显示不开的话则显示…

<span style="display:block;float:left;width:130px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap" id="name">名称：</span>

笑释一切

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前台常用的处理形式（包含特殊HTML、JQUERY的用法）

1、for 属性规定 label 与哪个表单元素绑定。点击“是”文字时，相当于点击id为isSealed1的radio。"isSealed1" type="radio"/>label for="isSealed1">是label>"isSealed0" type="radio"/>label for="isSealed0">否label>2、判断某个radio是否被选中$
复制链接

扫一扫

专栏目录