The development of moisturizing, antibacterial, and biocompatible multifunctional hydrogels is essential to protect skin and promote skin defects recovery. Gelatin has admired potential to be applied for skin care as a hydrogel in virtue of its hydrophilic biocompatible and biodegradable properties. In this study, triclosan-grafted gelatin and photo-cross-linkable methacrylated gelatin were synthesized and then combined to construct the semi-interpenetrating network and antibacterial hydrogels with the aid of a visible blue light. The antimicrobial test demonstrated that the resulting hydrogel obtained excellent inactivation capacity against E. coli, S. aureus, T. rubrum, and C. albicans with sterilizing rates of 99.998%, 99.998%, 99.19%, and 99.64%, respectively. In addition, the cytotoxicity, hemolysis, skin irritation, and rat skin wound healing experiments proved the good biocompatibility of the hydrogel. Therefore, this investigation sheds light on the development of multifunctional hydrogels in skin care.