之前全栈网络总结了在日常郑州网站制作中常用的javascript函数,而在日常一些企业网站制作中,简单的jquery函数更能方便快捷的完成一些特效及事件函数的编写,那么常见的jquery函数及使用技巧有哪些呢?它与javascript有哪些明显的区别呢?
jquery与javascript在获取元素html、value属性以及text的异同点
javascript写法:x=document.getElementById("mydiv").innerHTML、x=document.getElementById("mydiv").innerText、x=document.getElementById("mydiv").value;
jquery写法: $("元素").html()、 $("元素").text()、 $("元素").val();
jquery与javascript在设置样式属性时的使用区别
javascript写法:
1.元素设置单一样式属性: document.getElementById("d1").style.width = "800px";
2.为元素设置多个样式属性:document.getElementById("d1").style.cssText = "color:red; font-size:13px;";
jquery写法:
1.为元素设置单一样式属性:$("d1").css("background-color","yellow");
2.为元素这只多个样式属性:$("d1").css({"background-color":"yellow","font-size":"200%"});
jquery常见语法及函数总结归纳
1.attr语法:常用来设置元素的各种属性
$("input").attr("value","admin");添加元素属性
$("input").removeattr("value","admin");移除元素属性
2.addClass及removeClass;用来为元素添加或者删除类名
$("input").addClass("class");
3.jquery动画效果:包括常见的显示隐藏,淡入淡出等动画
$(selector).show(speed,callback)/hide/toggle/slideUp/slideToggle/fadeOut/fadeToggle/fadeTo/stop;
4.jquery常见鼠标键盘事件
$(selector).click()/dblclick(双击)/keypress(键盘按下)/submit(提交表单)/mouseover/change(input文字改变)
5.each遍历方法,同javascript中for循环
$("li").each(function(index,element){});
6.jquery为元素添加新的元素
$("#a").append('<b>Append text</b>');/prepend/after/before
7.jquery删除元素
删除被选中元素及子元素:$("#a").remove();
删除被选中元素的子元素:$("#a").empty();
8.jquery过滤元素的方法
过滤选中元素中的第一个元素:$("div p").first().css();
设置子元素中某一项元素的属性:$("div p").eq(0).css();
设置某元素的子元素:$("div p").children("p")
以上就是一些javascript与jquery在使用中一些异同点,以及常见的jquery使用函数方法,全栈网络专业从事郑州网站制作,巩义网站制作,荥阳网站制作,欢迎随时咨询。