TypechoJoeTheme

九肽荷尔蒙's Blog

用户名
密码
用户名
邮箱

九肽荷尔蒙

浅尝辄止,贪得无厌

JQuery笔记(一)

2021-10-26
/
0 评论
/
60 阅读
/
正在检测是否收录...
10/26

JQuery

学习目标

1、获取jQuery对象---大量的函数(选择器)
2、jQuery对象的增删改操作
3、jQuery对象属性、样式、内容的操作
4、核心函数
5、事件函数
6、效果函数
7、验证插件的使用
8、补充案例
一、选择器
1、基本选择器
#id 
element 
.class 
* 
selector1,selector2,selectorN    
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="js/jquery-3.5.1.min.js"></script>
    <script>
        $(function(){
            //呵呵修改成 你觉得呢?
            //ID选择器
            $("#d1").text("你觉得呢?");
            //Class选择器
            $(".dd").css("backgroundColor","red");
            //标签元素element选择器
            $("span").css("color","yellow");
            //*全选择器 通配符选择器
            console.log($("*").length);
            //组选择器  并集
            $("#d1,.dd,.cc,span").css("fontSize","50px");

        })
    </script>
</head>
<body>
    <div id="d1" class="dd">呵呵</div>
    <div class="dd cc">嘿嘿</div>
    <div class="cc">啧啧</div>
    <span>哈哈</span>
</body>
</html>
2、层级选择器
ancestor descendant  后代选择器
parent > child  子代选择器
prev + next 相邻后边同级选择器
prev ~ siblings  同级后面的选择器
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery-3.5.1.min.js"></script>
    <script>
        $(function(){
            //后代选择器
            // $("#gf div").css("border","1px solid red");
            //子代选择器
            // $("#gf>div").css("border","1px solid red");
            // $(".li2 + li").css("backgroundColor","pink");
            $(".li2 ~ li").css("backgroundColor","pink");
        })
    </script>
</head>
<body>
    <div id="gf">爷爷
        <div id="p">爸爸
            <div id="s">孙子</div>
        </div>
    </div>  
    <ul>
        <li>1</li>
        <li class="li2">2</li>
        <li>3</li>
        <li>4</li>
    </ul>
    <ul>
        <li></li>
    </ul>

</body>
</html>
3、基本筛选器
:first  元素集合中的第一个
:last   元素集合中的最后个
:not(sel) 剔除元素集合中满足选择器sel的
:even    偶数行--下标偶数0,2,4,6……
:odd     奇数行--下标偶数1,3,5……
:eq(index) 指定下标为index的元素 
:gt(index) 下标大于index的元素      
:lt(index)下标小于index的元素          
    
$("div:first")
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery-3.5.1.min.js"></script>
    <script>
        $(function(){
            // $("ul :first").css("backgroundColor","yellow");
            // $("ul :last").css("backgroundColor","orange");
            // $("ul :eq(5)").css("backgroundColor","red");
            // $("li:odd").css("backgroundColor","grey");//奇数行 1,3,5下标
            // $("li:even").css("backgroundColor","lightGreen");//偶数行 0,2,4下标
            // $("li:not(.li4)").css("color","blue");
            $("li:gt(4)").css("color","blue");
            $("li:lt(4)").css("color","blue");
        })
    </script>
</head>
<body>
    <ul>
        <li>榴莲</li>
        <li>奇异果</li>
        <li>百香果</li>
        <li>香蕉</li>
        <li class="li4">葡萄</li>
        <li>苹果</li>
        <li>梨子</li>
        <li>橙子</li>
    </ul>
</body>
</html>
4.属性选择器
[attribute]       含有某属性的元素
[attribute=value] 含有某属性值为value的元素
[attribute!=value] 不含有某属性值为value的元素
[attribute^=value] 含有某属性值以value开始的元素
[attribute$=value] 含有某属性值以value结尾的元素
[attribute*=value] 含有某属性值中包含value字符元素
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery-3.5.1.min.js"></script>
    <script>
        $(function(){
            //[attr]有属性为attr的元素
            var num = $("[type]").length;
            console.log(num);
            console.log($("[type]"));
            //[attr=val] 有属性为attr=value的元素
            $("[type=radio]").attr("checked","checked");
            //[attr!=val] 没有属性为attr=value的元素
            console.log($("[type!=radio]").length);
            //[attr^=val]attr属性以val开始
            $("[name^=p]").css("backgroundColor","red");
            //[attr$=val]attr属性以val结尾
            $("[name$=e]").css("backgroundColor","green");
            //[attr*=val]attr属性以val=开始
            $("[name*=a]").css("backgroundColor","blue");
        })
    </script>
</head>
<body>
    USERNAME<input type="text" name="username"><br>
    PASSWORD<input type="password" name="password"><br>
    SEX<input type="radio" name="sex" value="0"><br>
    <span>测试</span>

</body>
</html>
5、表单选择器
:input 
:text 
:password 
:radio 
:checkbox 
:submit 
:image 
:reset 
:button 
:file 
:hidden 
    
 $("form :input")获取表单中所有子元素   input  selet  textarea等
 $("from :image")   
6.表单对象属性
:enabled 
:disabled 
:checked 
:selected 
    
$("form :disabled")    获取表单中被禁用的元素
$("[name=sex]:checked") checked可选中单选,复选,下拉中被选中项 即有checked或selected属性的元素
$("[name=city]:checked")  
$("[name=city]:selected")  selected只可以选中有selected属性的下拉列表项   
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery-3.5.1.min.js"></script>
    <script>
        $(function(){
            //获取被选中元素value值
            var sex = $("[name=sex]:checked").val()
            console.log(sex);

            $("[name=city]").change(function(){
                console.log($("option:selected").val());
            })
        })
    </script>
</head>
<body>
    男<input type="radio" name="sex" value="nan" >
    女<input type="radio" name="sex" value="nv" checked="checked">

    <select name="city" id="box">
        <option value="cs">长沙</option>
        <option value="sh">上海</option>
        <option value="bj">北京</option>
        <option value="sz">深圳</option>
    </select>
</body>
</html>
二、标签元素属性操作
(1)attr()属性的操作
    两个参数代表设置属性
    一个参数代表获取属性
    可以设置多个属性
removeAttr()移除属性
prop()属性的操作-----------------建议使用
     两个参数代表设置属性
    一个参数代表获取属性
    可以设置多个属性
 removeProp()移除属性
区别:
    1、prop相对attr而言语法更严格
    2、prop对有checked属性返回true没有返回false
      attr有checked属性值返回checked  没有返回undefined
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
<script src="./js/jquery-3.5.1.min.js"></script>
<script>
    $(function(){
        // $("img").attr("src","./images/img2.jpg");//设置
        // console.log($("img").attr("src"));//获取
        // $("img").attr({"width":"400px","height":"400px","title":"爱犬"});
        // $("img").removeAttr("width").removeAttr("height");

        $("img").prop("src","./images/img2.jpg");//设置
        $("img").prop({"width":"400","height":"400","title":"爱犬2"});
        console.log($("img").prop("src"));//获取
       
        console.log($("[type=radio]").attr("checked"));//attr中checked被选中时值为checked 反之为undefined
        console.log($("[type=radio]").prop("checked"));//prop中checked被选中时值为true  反之为false
    })
</script>
</head>
<body>
    <img>
    <input type="radio">
</body>
</html>
(2)对class属性专有的函数---用于样式的设置相关
    addClass() 添加class属性值
    removerClass() 移除class的指定属性值
    toggleClass() 切换class的指定属性值
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .content{
            width: 200px;
            height: 200px;
            background-color: yellow;
            border-radius: 50%;
        }
    </style>
    <script src="./js/jquery-3.5.1.min.js"></script>
    <script>
        $(function(){
            $("input").click(function(){
                //$("div").addClass("content");
                //$("div").removeClass("content");
                $("div").toggleClass("content");
            })
        })
    </script>
</head>
<body>
    <input type="button" value="测试">
    <div class="box content"></div>
</body>
</html>
3.标签中内容、值的操作
    html()
    text()
    val()
当函数有参代表设置值,反之代表获取值    
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery-3.5.1.min.js"></script>
    <script>
        $(function(){
            // console.log($("#box1").text());
            //$("#box1").text("迪丽热巴");
            // $("#box1").html("<span style='color: red;'>迪丽热巴</span>");
            //console.log($("#box2").html());

            // console.log($("[name=username]").val());
            //$("[name=username]").val("");//清空操作
            //$("[name=username]").val("system");

            //获取表单中的元素值
            //文本框值的获取和设置
           console.log($("form input:eq(0)").val()) ;
           $("form input:eq(0)").val("cuihua");
            //密码框值的获取和设置
           console.log($("form input:eq(1)").val()) ;
           $("form input:eq(1)").val("666666");
             //单选的获取和设置           
           console.log($("[name=sex]:checked").val());
           $("[name=sex]:eq(0)").prop("checked",true);
            //复选框值的获取 设置和单选一致
           console.log( $("[name=hobby]:checked").serialize());//获取多个元素中的name和value
            //文本域值的获取和设置
           console.log($("[name=desc]").val());
           console.log($("[name=desc]").text());
            //下拉列表的获取和设置
           console.log($("#sel1").val());
           console.log($("#sel1 :selected").val());
           $("#sel1").val("zz");

        })
    </script>
</head>
<body>
    <div id="box1">文本内容1</div>
    <div id="box2"><span style="color: red;">文本内容2</span></div>
    <input name="username" value="admin">
    <hr size="4">
    <form action="#">
        用户名<input type="text" name="uname" value="admin"><br>
        密码<input type="password" name="upwd" value="123"><br>
        性别<input type="radio" name="sex" value="nan">男
        <input type="radio" name="sex" value="nv" checked="checked">女<br>
        爱好<input type="checkbox" name="hobby" value="eating">
        <input type="checkbox" name="hobby" value="sleeping" checked="checked">
        <input type="checkbox" name="hobby" value="playing" checked="checked"><br>
        备注<textarea name="desc">默认值</textarea><br>
        <select name="city" id="sel1">
            <option value="cs">长沙</option>
            <option value="zz">株洲</option>
            <option value="xt">湘潭</option>
            <option value="cd" selected="selected">常德</option>
        </select>
    </form>
</body>
</html>
4.样式的操作
    css()
        当两个参数设置
        一个参数获取
        {}同时设置多个样式
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery-3.5.1.min.js"></script>
    <script>
        $(function(){
            // $("#box").css("height","200px").css("backgroundColor","red");
            $("#box").css({"height":"200px","backgroundColor":"green"});
            console.log($("#box").css("backgroundColor"));

        })
    </script>
</head>
<body>
    <div id="box"></div>
</body>
</html>
三、文档处理(增删改标签元素)
内部插入
append(content | fn) 
appendTo(content) 
prepend(content | fn) 
prependTo(content) 
外部插入
after(content | fn) 
before(content | fn) 
insertAfter(content) 
insertBefore(content) 
    
 $("ul")wrap("<div></div>")包裹  将所有ul外层加上div标签
 
 $("p")replaceWith("<div></div>")替换 将所有p标签元素替换成传入的元素
    
 empty()清空元素中的所有
 remove()自己移除自己
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery-3.5.1.min.js"></script>
    <script>
        $(function(){
            //内部插入
            //往后加
            // $("#list1").append($(".li1"));//往被调用元素的内部插入参数中对应的元素
            // $(".li1").appendTo($("#list1"));//将被调用的元素加入到参数指定的元素内部
            // $(".li1").appendTo("#list1");
            //往前加入
            //$("#list1").prepend($(".li2"));
            // $(".li2").prependTo($("#list1"));
            // $(".li2").clone().prependTo("#list1");
            //外部插入
            // $(".li2").after("<li>圣子王</li>")
            // $(".li2").before("<li>大明虾</li>")

            $(".li5").insertAfter(".li1");

        })
    </script>
</head>
<body>
    <ul id="list1">
        <li>榴莲</li>
        <li>甘蔗</li>
        <li>橙子</li>
        <li>橘子</li>
        <li class="li5">圣子王</li>
    </ul>
    <hr size="5" color="red">
    <ul id="list2">
        <li class="li1">小青龙</li>
        <li class="li2">螃蟹</li>
    </ul>
</body>
</html>
四、核心函数、属性总结
1. length属性 元素个数
2. eq(index)  根据索引获取对应元素
3. index() 根据元素获取对应的索引
4. serialize()获取多元素的所有name和value值
5. trim()去除前后空格
6.$.each()遍历
    
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery-3.5.1.min.js"></script>
    <script>
        $(function(){
            // console.log($("li").length); 建议使用
            // console.log($("li").size());?
            // $("li").eq(2).text("heheda");
            // console.log($(".box").index());//同级元素中的位置
            //console.log($("[name=hobby]:checked").serialize());//hobby=basketball&hobby=swimming&hobby=playing
            // console.log($("[name=uname]").val().trim().length);
            // console.log($("[name=uname]").val().length);
            // console.log($("[name=uname]").val().replace(" ","%"));//替换第一个匹配的字符
            // console.log($("[name=uname]").val().replaceAll(" ","%"));//替换所有匹配的字符
            var arr = $("#box li");
            // $.each(arr,function(index,ele){
                //alert(this.innerText);
                //alert(arr[index].innerText);
            //     alert(ele.innerText);
            // })

            arr.each(function(index,ele){
                // alert(this.innerText);
                // alert(arr[index].innerText);
                // alert(ele.innerText);
            })

            var fruits = ["苹果","香蕉","梨子"];
            $.each(fruits,function(){
                alert(this)
            })
        })
    </script>
</head>
<body>
    <ul>
        <span>009</span>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li class="box">4</li>

    </ul>
    <input type="checkbox" name="hobby" value="basketball" checked="checked">
    <input type="checkbox" name="hobby" value="swimming" checked="checked">
    <input type="checkbox" name="hobby" value="playing" checked="checked">
    <input type="text" name="uname" value="    cui   hua    ">

    <ul id="box">
        <li>水杯</li>
        <li>鼠标</li>
        <li>电脑</li>
        <li>聪明的头脑</li>
    </ul>
</body>
</html>
五、事件函数
js中的事件on开始  eg:  onclick   onblur   onfocus  onchange……
jQuery中将时间中的on省略,将事件发生时执行的函数放入括号中  click(function(){})
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery-3.5.1.min.js"></script>
    <script>
        $(function(){
            $("input:eq(0)").click(function(){
                alert();
            })
            $("input:eq(1)").blur(function(){
                alert(this.value);
            })
        })
    </script>
</head>
<body>
    <input type="button" value="按钮">
    <input type="text" name="uname">
</body>
</html>
六、效果函数
显示隐藏
    show()   hide()  toggle()
滑动
    slideDown()  slideUp()  slideToggle()
淡入淡出
    fadeIn()  fadeOut()  fadeToggle()
    
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery-3.5.1.min.js"></script>
    <script>
        $(function(){
            //隐藏
            $("#box1").click(function(){
                //$("img").hide(2000);
                $("img").slideUp(2000);
            })
             //显示
             $("#box2").click(function(){
                // $("img").show(2000);
                $("img").slideDown(2000);
            })
             //切换
             $("#box3").click(function(){
                // $("img").toggle(2000);
                // $("img").slideToggle(2000);
                $("img").fadeToggle(2000);
            })
        })
    </script>
</head>
<body>
   
    <img src="./images/img3.jpg" alt="加载异常" width="300px">
    <input type="button" value="隐藏" id="box1">
    <input type="button" value="显示" id="box2">
    <input type="button" value="切换" id="box3">
</body>
</html>
七、表单验证插件
1、下载插件对应的js文件    
2、将文件引入到网页中
3、开始使用插件
    
方式一:  直接给表单加上validate()函数  在对应的元素内部设置规则  eg:  rangelength="[5,10]"

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .error{
            color:red;
        }
    </style>
    <!-- 1、先引入jQuery的核心js文件 -->
    <script src="./js/jquery-3.5.1.min.js"></script>
    <!-- 2、引入validate的核心js文件 -->
    <script src="./js/jquery.validate.js"></script>
    <!-- 3、汉化 -->
    <script src="./js/messages_zh.js"></script>
    <script>
        $(function(){
            $("form").validate();
        })
    </script>
</head>
<body>
    <form action="./13.显示隐藏.html">
        用户名<input type="text" name="uname" value="admin" required="true" rangelength="[5,10]"><br>
        密码<input type="password" name="upwd" value="123"><br>
        性别<input type="radio" name="sex" value="nan">男
        <input type="radio" name="sex" value="nv" checked="checked">女<br>
        爱好<input type="checkbox" name="hobby" value="eating">
        <input type="checkbox" name="hobby" value="sleeping" checked="checked">
        <input type="checkbox" name="hobby" value="playing" checked="checked"><br>
        备注<textarea name="desc">默认值</textarea><br>
        <select name="city" id="sel1">
            <option value="cs">长沙</option>
            <option value="zz">株洲</option>
            <option value="xt">湘潭</option>
            <option value="cd" selected="selected">常德</option>
        </select><br>
        <input type="submit" value="注册">
    </form>
</body>
</html>

方式二:直接给表单加上validate()函数 在函数内部添加规则,规则格式key:value  关键字 rules  messages

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .error{
            color:red;
        }
    </style>
    <!-- 1、先引入jQuery的核心js文件 -->
    <script src="./js/jquery-3.5.1.min.js"></script>
    <!-- 2、引入validate的核心js文件 -->
    <script src="./js/jquery.validate.js"></script>
    <!-- 3、汉化 -->
    <script src="./js/messages_zh.js"></script>
    <script>
        $(function(){
            $("form").validate({
                rules:{
                    uname:{required:true,rangelength:[5,10]},
                    upwd:{required:true,rangelength:[6,8]},
                    repwd:{equalTo:"#pwd"}
                   },
                messages:{
                    uname:{required:"你太节约!",rangelength:"请测量长度"},
                    upwd:{required:"必填呢",rangelength:"长度不对"},
                    repwd:{equalTo:"两次密码不一样"}
                }
            });
        })
    </script>
</head>
<body>
    <form action="./13.显示隐藏.html">
        用户名<input type="text" name="uname"><br>
        密码<input type="password" name="upwd" id="pwd"><br>
        确认密码<input type="password" name="repwd" ><br>
        <input type="submit" value="注册">
    </form>
</body>
</html>

朗读
赞(1)
版权属于:

九肽荷尔蒙's Blog

本文链接:

http://sleeve.top/index.php/archives/154/(转载时请注明本文出处及文章链接)

评论 (0)
IP信息

人生倒计时

今日已经过去小时
这周已经过去
本月已经过去
今年已经过去个月

最新回复

  1. fixotaigujup
    2021-12-19

    Urgent imh.mhsz.sleeve.top.vrg.rd intuitively akinetic antiphospholipid [URL=http://damcf.org/drug/sildenafil-vendo/]viagra generique 75 mg[/URL] [URL=http://cocasinclair.com/product/dutas/]retail sale dutas[/URL] [URL=http://graphicatx.com/cialis-in-brazil/]prices of viagra, cialis, lavitra[/URL] [URL=http://nicaragua-magazine.com/item/synthroid/]synthroid online stores[/URL] [URL=http://americanazachary.com/product/lyrica/]lyrica kaufen leipzig[/URL] [URL=http://nicaragua-magazine.com/purchase-kamagra-without-prescription/]generic kamagra 100mg pills[/URL] [URL=http://staffordshirebullterrierhq.com/item/ed-super-advanced-pack/]ed super advanced pack generico online sicuro[/URL] [URL=http://gasmaskedlestat.com/keftab/]buy keftab[/URL] [URL=http://telugustoday.com/product/doxazosin/]buy doxazosin online[/URL] [URL=http://staffordshirebullterrierhq.com/item/jelly-pack-15/]low priced jelly pack 15[/URL] [URL=http://johncavaletto.org/amoxicillin/]amoxicillin[/URL] [URL=http://homemenderinc.com/product/viagra/]acheter du viagra 50 pills[/URL] [URL=http://nutrabeautynutrition.com/pill/cialis-strong-pack-60/]cialis strong pack 60 without pres[/URL] [URL=http://solepost.com/product/prednisone/]prednisone by check[/URL] uncertain arriving viagra advertisement buy dutas online in usa cialis generic synthroid online europe lyrica kaufen leipzig generic kamagra lowest purchase kamagra without prescription ed-super-advanced-pack prescription usa buy keftab generic for doxazosin best generic jelly pack 15 online amoxicillin can you order viagra online cialis-strong-pack-60 en china prednisone by check perimenopausal futile http://damcf.org/drug/sildenafil-vendo/ sildenafil vendo http://cocasinclair.com/product/dutas/ buy dutas online in usa buy dutas online in usa http://graphicatx.com/cialis-in-brazil/ cialis http://nicaragua-magazine.com/item/synthroid/ china synthroid online http://americanazachary.com/product/lyrica/ lyrica http://nicaragua-magazine.com/purchase-kamagra-without-prescription/ kamagra sans ordonnances http://staffordshirebullterrierhq.com/item/ed-super-advanced-pack/ cheap ed super advanced pack without a prescription http://gasmaskedlestat.com/keftab/ buy keftab online http://telugustoday.com/product/doxazosin/ doxazosin tablets http://staffordshirebullterrierhq.com/item/jelly-pack-15/ jelly-pack-15 online canadian http://johncavaletto.org/amoxicillin/ comprar amoxicillin en internet http://homemenderinc.com/product/viagra/ buy viagra online in ireland http://nutrabeautynutrition.com/pill/cialis-strong-pack-60/ buy cialis strong pack 60 w not prescription http://solepost.com/product/prednisone/ prednisone dozirovkamg guaranteed lowest price complexities frustrating ethics.

  2. buying stromecto
    2021-12-19
  3. etufghufeaje
    2021-12-19

    Night wpu.gvif.sleeve.top.yjr.rh relationship; adult magnesium [URL=http://otrmatters.com/item/lowest-cost-propecia/]propecia[/URL] [URL=http://memoiselle.com/product/proscar/]proscar online next day shipping[/URL] [URL=http://thatpizzarecipe.com/amoxil/]amoxil[/URL] [URL=http://anguillacayseniorliving.com/item/prednisone-discount-prices/]40 prednisone from top rated[/URL] [URL=http://johncavaletto.org/drugs/levitra-20mg-achat/]buy generic levitra online with echeck[/URL] [URL=http://washingtonsharedparenting.com/clomid/]clomid panama[/URL] [URL=http://mrcpromotions.com/drug/tretinoin-canada/]buy cheap tretinoin[/URL] [URL=http://anguillacayseniorliving.com/drugs/retin-a/]quebec retin a[/URL] [URL=http://americanazachary.com/product/propecia/]fastest delivery propecia[/URL] [URL=http://celebsize.com/soft-pack-40/]soft-pack-40 online[/URL] [URL=http://americanazachary.com/drugs/xenical/]medicine xenical[/URL] [URL=http://nicaragua-magazine.com/cheap-generic-substitute-doxycycline/]doxycycline[/URL] [URL=http://wow-70.com/pill/cytotec/]buy cytotec online free pills[/URL] [URL=http://damcf.org/drug/diclofenac/]diclofenac come si usa[/URL] fraction lowest cost propecia proscar online next day shipping generic amoxil no perscription prednisone levitra 20mg achat 50 mg clomid online uk tretinoin canada products like retin a real propecia without a prescription soft-pack-40 xenical doxycycline doxycycline online no presciption is buying cytotec from canada safe diclofenac come si usa lubricant adjuvants, intoxicating http://otrmatters.com/item/lowest-cost-propecia/ cheap generic propecia pills http://memoiselle.com/product/proscar/ proscar through mail http://thatpizzarecipe.com/amoxil/ amoxil sites http://anguillacayseniorliving.com/item/prednisone-discount-prices/ prednisone drug company prednisone online order guide http://johncavaletto.org/drugs/levitra-20mg-achat/ levitra uk pharmacy http://washingtonsharedparenting.com/clomid/ buy clomid without prescription http://mrcpromotions.com/drug/tretinoin-canada/ buy tretinoin online canada http://anguillacayseniorliving.com/drugs/retin-a/ retin a http://americanazachary.com/product/propecia/ propecia and mexico other products like propecia http://celebsize.com/soft-pack-40/ soft-pack-40 http://americanazachary.com/drugs/xenical/ xenical http://nicaragua-magazine.com/cheap-generic-substitute-doxycycline/ doxycycline http://wow-70.com/pill/cytotec/ cytotec http://damcf.org/drug/diclofenac/ diclofenac sin receta en farmacias introducing disorientation without.

  4. jonn2
    2021-12-19
  5. jonn1
    2021-12-19