2014.5.7 Jquery 使用技巧

最新推荐文章于 2022-03-28 10:27:45 发布

未来的我比现在的我更优秀

最新推荐文章于 2022-03-28 10:27:45 发布

阅读量565

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/xingxinglaile/article/details/25201663

版权

前端专栏收录该内容

26 篇文章 0 订阅

订阅专栏

js正则表达式
// var noticeTextLength = noticeText.replace(/[^A-Z]+/g, '').length;
// if(noticeTextLength > 0 && noticeTextLength%5 == 0) {
// noticeText += " | ";
// }
// 保存后刷新当前页面
location.reload();

// 合并部门

var temp = '';
var $tempTd = '';
$('.cpnum_Table').find('tbody').find('tr').each(function (i) {
var $this = $(this).find('td').eq(0);
var text = $this.text();
if(temp === text) {
var rowspan = $tempTd.attr('rowspan');
$tempTd.attr('rowspan', parseInt(rowspan) + 1);
$this.remove();
} else {
temp = text;
$tempTd = $this;
}
})

// js保留两位小数
Math.signFigures = function(num, rank = 6) {
if(!num) return(0);
const sign = num / Math.abs(num);
const number = num * sign;
const temp = rank - 1 - Math.floor(Math.log10(number));
let ans;
if (temp > 0) {
ans = parseFloat(number.toFixed(temp));
} else if (temp < 0) {
const temp = Math.pow(10, temp);
ans = Math.round(number / temp) * temp;
} else {
ans = Math.round(number);
}
return (ans * sign);
};

// 小数位数补0
new DecimalFormat("00").format((Integer.valueOf(monthStr) + 1))

6.遍历对象$.each(obj, funtion(){})

$.each($('a.a_report'), function() {
var $a = $(this);
var hrefVal = $a.attr('href');
$a.attr('href', urlReport + hrefVal)
})

学习手册：《W3school》

5.正则表达式：手机号验证

// /^1[0-9]{10}$/.test('12555555555')正则表达式：手机号验证

4.jquery 点击选中/取消的实现 prop

$("input[type='checkbox']").prop("checked",false);

3.基于标签的导航栏

2.JQuery 如何获取标签的名称

获取标签名称（结果为大写）：$target[0].tagName;

判断是不是一个指定的标签：$target.is('li')// 是否为li标签

<body>
<ul>
<li>list <strong>item 1</strong></li>
<li><span>list item 2</span></li>
<li>list item 3</li>
</ul>
<script>
$("ul").click(function(event) {

// 获取到ul域

alert($(this).html());

// 获取到被点击的对象
var $target = $(event.target);
alert($target[0].tagName)
if ( $target.is("li") ) {
$target.css("background-color", "red");
}
});
</script>
</body>