重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
需要准备的材料分别有:电脑、html编辑器、浏览器。
创新互联建站始终坚持【策划先行,效果至上】的经营理念,通过多达十载累计超上千家客户的网站建设总结了一套系统有效的全网营销推广解决方案,现已广泛运用于各行各业的客户,其中包括:成都PE包装袋等企业,备受客户称扬。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码:
$('head').append('meta http-equiv="refresh" content="5"');
3、浏览器运行index.html页面,此时成功在head标签中添加了meta字段。
为jquery添加方法:
$.fn.my_alert = function(msg) {
$(this).on('click',function(){
alert(msg);
})
}
div class="btns"
button点我弹窗/button
/div
script
$('.btns button').my_alert('Alert')
/script
使用 $.fn.[方法名]。可以开发可复用的插件和组件
1、通过jquery给元素动态添加样式运用addClass和removeClass即可。首先在html中准备jquery库文件,并且准备一个div元素,如下图所示。
2、然后在style标签里声明一个class样式,如下图所示。
3、接下来准备一个事件加载初始化的方法,在jquery中直接用匿名函数即可,如下图所示。
4、然后通过jquery的addClass方法给div元素添加一个class,如下图所示。
5、移除一个class的样式也很简单,如下图所示,通过removeClass即可。
1、jQuery设置css样式
div style="background-color:#ffffff;padding-left:10px;"测试jQuery动态获取padding-left/div
2、用css()方法返回元素的样式属性
$("div").css("padding-left"));
3、用css()设置样式
$("div").css("color","yellow");
4、设置多个样式
$("div").css({"background-color":"yellow","font-size":"200%"});
var css = {
background-color: '#EEE',
height: '500px',
margin: '10px',
padding: '2px 5px' };
$("div").css(css);
使用步骤如下:
1.jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。
2.然后我们来开始编辑HTML界面代码。
3.使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。
4.接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码