常用jQuery代码

1.点击获得当前元素索引,实现切换相应的图片路径

$(".li").bind("click", function () {
            var _num = $(this).index();
            $(".pic_poster_img img").attr("src", "images/live/mews_pic" + (_num + 1) + ".jpg");
        });

 

2.窗口改变时调整元素宽度

$(function () {
     //页面加载执行宽度微调
     TextWidthResponsive();
    //窗口改变执行宽度微调
      $(window).resize(function () {
          TextWidthResponsive();
     });
});
function TextWidthResponsive() {
    var _width = $(window).width() - 1050;
    $(".focus_title_box").width(_width);
}
时间: 2024-10-13 02:37:11

常用jQuery代码的相关文章

常用jQuery代码分享

常用jQuery代码分享 1.查看浏览器信息 navigator.userAgent 检索浏览器信息包括哪些字符 例如: if (navigator.userAgent.toLowerCase().indexOf("htc") >= 0) {         $("#GuanKa .page_content").css("transform", "scale(0.92)");         $(".gaunk

常用jQuery代码02

一.each函数拿到每个元素的宽度 setTimeout(function () { $(".sticker_list img").each(function () { var Width = $(this).width(); var Height = $(this).height(); // alert(Width); // alert(Height); $(this).css({ "margin-left": (Width / 2) * (-1) + "

常用jQuery代码03

1.查看浏览器信息 navigator.userAgent 检索浏览器信息包括哪些字符 例如: if (navigator.userAgent.toLowerCase().indexOf("htc") >= 0) { $("#GuanKa .page_content").css("transform", "scale(0.92)"); $(".gaunka_pic").css("top&qu

最实用、最常用的jQuery代码片段

1 // chinacoder.cn JavaScript Document 2 3 $(document).ready(function() { 4 5 //.filter(":not(:has(.selected))") //去掉所有不包含class为.selected的元素 6 7 // 使用has()来判断一个元素是否包含特定的class或者元素 8 $("input").has(".email").addClass("emai

50个常用的JQuery代码

1. 如何创建嵌套的过滤器 //允许你减少集合中的匹配元素的过滤器, //只剩下那些与给定的选择器匹配的部分.在这种情况下, //查询删除了任何没(:not)有(:has) //包含class为“selected”(.selected)的子节点. .filter(":not(:has(.selected))") 2. 如何重用元素搜索 var allItems = $("div.item"); var keepList = $("div#container

jQuery代码开发技巧收集,jquery常用的开发代码

jQuery代码开发技巧收集,jquery常用的开发代码 今天分享一个jquery常用的开发代码,大部分是网友总结的,总共60条.后期我也会陆续完善! 把我在开发中常用的写在这里,希望持续关注~~ 1. 使用siblings()来处理同类元素 // Rather than doing this $('#nav li').click(function(){ $('#nav li').removeClass('active'); $(this).addClass('active'); }); //

十五个常用的jquery代码段

十五个常用的jquery代码段 回到顶部按钮 通过使用 jQuery 中的 animate 和 scrollTop 方法,你无需插件便可创建一个简单地回到顶部动画: 1 // Back to top 2 $('a.top').click(function (e) { 3 e.preventDefault(); 4 $(document.body).animate({scrollTop: 0}, 800); 5 }); 1 <!-- Create an anchor tag --> 2 <

10个常用的JQUERY代码片段

jQuery被用在无数个网站的页面上,它是使用最为广泛的javascript库之一.jQuery的受欢迎程度的部分是它的简单性.它能够通过简单的语句完成大部分复杂的工作.有许多jQuery片段我们在每天不断重复的使用,这里总结了10条你必须知道的jQuery代码片段. 返回顶部 <a class="top" href="#">Back to top</a> // Back To Top $('a.top').click(function(){

!!!常用JS代码块 (jquery)

jquery代码块 <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script type="text/javascript"> $(function(){ }); </script> 取页面参数 //取页面参数 var PAGE = { get:function(_name) { var str0=location.search